Public Forums 71,145 posts

[joshuaharris Developer joshuaharrisJoin date: February 2015Posts: 7Downloads:6Uploads:10]

#205937

First of all, thanks in advance to anyone who can help me out with this. Hopefully it’s a simple fix that I’m just overlooking. So, I want to use the T3 blank template and style from there. I also want to use the megamenu and justify the menu to be the full width of the page. May problem is that when I justify the mega menu, it becomes the full width of the browser page, not the site width. And I can’t figure out the problem.

I think it has something to do with the .container class not being applied to the dropdown menu, but I don’t know how to fix that. I’m pretty familiar with CSS, but not with PHP or coding.

I’ve attached a few screen shots.

The first is the front page in development. I set the site width at 970px. (It’s on a local box, so I don’t have a link.)

The second shows the drop down menu justified and at the full-width of of the browser. It should be justified at 970px, but it extends the full-width of the browser page.

The third image shows where I want the menu to justify to, which is the width of the page.

Thanks,
Joshua

---

Attachments:

1. 
2. 
3. 

[kristaberri Friend kristaberriJoin date: February 2013Posts: 22Downloads:3Uploads:1 Thanked: 11 times in 10 posts]

#568837

I added the following css in my css file, worked a treat. It might need a bit of tweaking for different screen sizes, I havn’t got there yet.

.mega-align-justify .mega-dropdown-inner{width:1170px;margin:0 auto;}

Hope that helps.

[kristaberri Friend kristaberriJoin date: February 2013Posts: 22Downloads:3Uploads:1 Thanked: 11 times in 10 posts]

#733930

I added the following css in my css file, worked a treat. It might need a bit of tweaking for different screen sizes, I havn’t got there yet.

.mega-align-justify .mega-dropdown-inner{width:1170px;margin:0 auto;}

Hope that helps.

[joshuaharris Developer joshuaharrisJoin date: February 2015Posts: 7Downloads:6Uploads:10]

#568840

Thanks for the tip krista. I tried that already and as you can see the menu background is still full-width.

---

Attachments:

1. 

[joshuaharris Developer joshuaharrisJoin date: February 2015Posts: 7Downloads:6Uploads:10]

#733933

Thanks for the tip krista. I tried that already and as you can see the menu background is still full-width.

[kristaberri Friend kristaberriJoin date: February 2013Posts: 22Downloads:3Uploads:1 Thanked: 11 times in 10 posts]

#568845

Aaah yes, sorry I misunderstood you, I wanted my background to be the full width but I wouldn’t mi dknowing tis for future reference. I imagine it will mean tweaking the code and possibly adding a container tag.

[kristaberri Friend kristaberriJoin date: February 2013Posts: 22Downloads:3Uploads:1 Thanked: 11 times in 10 posts]

#733938

Aaah yes, sorry I misunderstood you, I wanted my background to be the full width but I wouldn’t mi dknowing tis for future reference. I imagine it will mean tweaking the code and possibly adding a container tag.

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

#568918

@joshuaharris: Can you give me the URL of your site? I will help you to check it directly on your site.

[Author]

Posts