Public Forums 71,145 posts

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1029825

Hi there,

I’ve read a couple of posts on this and searched the internet but I cannot seem to get the mega menu to display in full width, 100% responsive, at the moment I’ve just set it to 1920px to get the look of what I need.

Any advise is welcome!!

My site is: http://ch1vph.xyz/ri2k/ & the menu is called ‘Shop (2)’

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1029954

Hi
Kindly open the Mega Menu options > Select the Menu item that has drop down > click on the dropdown container > align > Justify.
save and check,

Regards

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1030043

Hi there,

So I did have a look at every single option available in the mega menu backend. And I did try ‘align’ but this only displays the menus in a small box – see pic – plus the align option drops menu items off the menu on a smaller screen – see pic

What I’m trying to do is make the menu the fit the entire width of a users screen, as mentioned I tried to recreate this by a fixed amount of pixels to fit my screen only as an example – please image of what is needed – to be seen on all users different screen sizes.

Thanks.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030154

Hi
Kindly share the site admin details using Private reply.
I will have a look on the megamenu settings.

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1030246

This reply has been marked as private.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030540

Hi Chris,
Mega Menu options > Select the Menu item that has drop down > click on the dropdown container > align > Justify.
It will use the max width of the main nav container, at this time the main nav container width is 449px.
I changed the main nav width of col-mg-9.
Now it use more width
If you use a fixed width value for the dropdown you can not control it as its fixed width.

[Ch1vpH Friend Ch1vpHJoin date: February 2016Posts: 299Downloads:21Uploads:128 Thanks: 29 Thanked: 1 times in 1 posts]

#1030764

Hi there – It’s definitely getting bigger, but I still really need it to fit full width 100% on any screen size…is there any option to make it 100% across the main nav?

I tried: .t3-mainnav .container {width: 100%; margin-left: 50px;} in the custom css file and the nav.less file??

Where did you make your changes to the ‘main nav container’

Thanks

PS: Please remember its the Shop (2) link on the homepage I’m testing on this one!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1030896

Hi
In justify mode it uses the full width of the main nav.
At this time main nav is using the size col-lg-9 and it’s using the same width.
please check it again.
You can see my changes in /tpls/blocks/header.php file.
Regards

[Author]

Posts