Hi,
I am using the option “Let logo and menu position adapt to browser window” and a mega menu.
how can i have a centered mega menu with a max width of for example 800px ?
at the moment it is using the full width of the browser window.
it calculates the position left – X px based on the browser window width.
thanks for any help
Hey Shorty05,
Could you post a link to the site in question so that we can take a closer look please?
Best regards,
Rikard
Hi Rikard,
here is the link to the site.
Its the original demo 2017 i just changed the setting to let the logo and menu position adapt to the browser window.
If you hover over the link “elements” you will get a huge sub mega menu. As far as i see the position left gets calculated of the parent container.
how can i have a centered mega menu with a max width of for example 800px ?
Hi,
for your “Portfolio” menu, use this code inside Quick CSS field:
.avia_mega_div.avia_mega2.six.units {
width: 800px !important;
left: -292px !important;
}
and adjust as needed.
Best regards,
Andy