Joomla Templates Club 406,261 posts

[prolinkmedia Friend prolinkmediaJoin date: June 2011Posts: 12Downloads:0Uploads:4 Thanks: 2 Thanked: 4 times in 1 posts]

#199490

I have been trying to figure out how to allow the mega menu width to be full screen & responsive, not just 100% of the template width. The alignment is set to justify currently. Could you please direct me on how to achieve this.

I am using Joomla! 3.3.1

Thank you!

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#541437

So that we can try to best assist you, please provide the url of the site you’re working on.

[prolinkmedia Friend prolinkmediaJoin date: June 2011Posts: 12Downloads:0Uploads:4 Thanks: 2 Thanked: 4 times in 1 posts]

#541454

http://host.inturactive.com/~iosinspection/

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#541513

<em>@prolinkmedia 435585 wrote:</em><blockquote>http://host.inturactive.com/~iosinspection/</blockquote>

It needs to be customized in css style and php code file. You should be careful to do this

+ Open templates/ja_biz/tpls/blocks/header.php file and remove code

Line 26: <div class=”container”> and line 80: </div>

+ Create templates/ja_biz/css/custom.css file and add new css style

.t3-mainnav .main-container {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
height: 82px;
background: url("../images/head_bg.png") repeat-x left top #fff !important;
}

[prolinkmedia Friend prolinkmediaJoin date: June 2011Posts: 12Downloads:0Uploads:4 Thanks: 2 Thanked: 4 times in 1 posts]

#541587

This didn’t seem to do the trick for me. I have attached an image of what happened when I followed the previous instructions and image of what I would like to achieve. Basically a full width, responsive, mega menu drop-down.

Thanks for all the help!

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#541685

Have you sorted it out? I see your site is fixed with the css style in custom.css file

.container {
width: 100% !important;
padding-left: 5% !important;
padding-right: 5% !important;
margin: 0 auto !important;
}

[prolinkmedia Friend prolinkmediaJoin date: June 2011Posts: 12Downloads:0Uploads:4 Thanks: 2 Thanked: 4 times in 1 posts]

#541788

Yes. Thanks much for your help!

[tiltongh Friend tiltonghJoin date: July 2014Posts: 29Downloads:30Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#541846

Hello Porlinkmedia. I have a similar need as what you have achieved.

I need a full width megamenu just like the one you were able to achieve.

I’m using JA Biz and this is the Url – http://www.christlifeglory.org

Please can you show me the exact actions to take?

thank you.

[tiltongh Friend tiltonghJoin date: July 2014Posts: 29Downloads:30Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#541847

Hello Ninja Lead. I also need to get a full width megamenu dropdown on a project am working on now.

I’m using JA Biz and this is the Url – http://www.christlifeglory.org

Please can you show me the exact actions to take?

thank you.

[tiltongh Friend tiltonghJoin date: July 2014Posts: 29Downloads:30Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#541851

I figured it out.

I didn’t remove any div, just used the css Porlinkmedia used, and I took off “backgrouhd:none” from .t3-megamenu .mega > .nav-child.mega-dropdown-menu.full-menu in my megamenu.less file.

Thanks so much.

2 users say Thank You to tiltongh for this useful post

1. TomC
2. Ninja Lead

[prolinkmedia Friend prolinkmediaJoin date: June 2011Posts: 12Downloads:0Uploads:4 Thanks: 2 Thanked: 4 times in 1 posts]

#541878

Glad we could all help you out tiltongh!

2 users say Thank You to prolinkmedia for this useful post

1. TomC
2. tiltongh

[tiltongh Friend tiltonghJoin date: July 2014Posts: 29Downloads:30Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#542069

Yeah Thanks again. But a little problem.

I realized later in the day, that the full width megamenu had returned to the original “container” width style.

Please can you check for me and let me know what i’m doing wrong?

or Can you show me how exactly you achieved yours?

Like i said earlier, i only used your css style. I didn’t touch anything else.

Please advise.

Thanks

[tiltongh Friend tiltonghJoin date: July 2014Posts: 29Downloads:30Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#542070

Oh, I figured it out again. Sorry for the bother. I set the maximum width of the t3 container to 100%, and that has worked.

Thanks again.

1 user says Thank You to tiltongh for this useful post

1. TomC

[tiltongh Friend tiltonghJoin date: July 2014Posts: 29Downloads:30Uploads:0 Thanks: 3 Thanked: 3 times in 1 posts]

#542105

Hello Prolinkmedia, thanks again for support so far.

I took a critical look at your site today, ios, and realized you are not using development mode. I configured mine too the same, and so am using Css now.

Now I realized your template name too is ios not JA_Biz.

Please show me how you got a custom template name.

Thank you.

[Author]

Posts