Limit drop down width to main site container width
-
How can I limit the width of the dropdown mega menu to be the same as the main site container, whilst still keeping the header going fully across the viewport?
Attachments:
You must be
logged in to view attached files.
Hello,
You can set the size of the drop-down in the menu item https://gyazo.com/697dc7db8124cedd412e9076779334b7
Best Regards
If I use that setting, then the drop down appears directly below the menu link, rather than starting at the edge of the container, and is not responsive.
The main content container is limited to max 1192px. I want the max size of the dropdown to be this, but shrink along with and match the container width until the mobile view breakpoint as the window is resized.
Attachments:
You must be
logged in to view attached files.
Hello,
Mobile does not support mega menu blocks at all. So you can set full-width or size you want as I showed above.
Best Regards
I don’t want the mega menu on mobile – just until the breakpoint when the header switches to the mobile version.
Hello,
You can set the size of the drop-down in the menu item https://gyazo.com/697dc7db8124cedd412e9076779334b7
There are no other options.
Best Regards