Browser: Chrome 110 OS: macOS / Windows / Linux / etc. URL: Link to a page that illustrates this issue Video: Short screen recording that illustrates this issue (free tool: jam.dev)
The reddish colored bar in the screenshot is 1140px. I have the Dropdown Content set to Width:1140px and Max Width: 1140px, but the dropdown content still stretches across the page width no matter what I set the width to. I want the green container to be full width but not the Dropdown Content with the Columns in it. I’m not sure if this is a bug or just user error. Am I missing something simple?
I want the “I am a heading” text to line up with the edge of the Home menu item on the red bar. See screenshot for details. Thanks!
You can set the width of the Mega Menu in two ways:
use the full width (default)
based on a CSS selector
Accordingly, entering a width will be ignored as the width of the mega menu is calculated dynamically.
What you can do, however, is to change the markup as follows and use the default full width, but set the content to a specific width (I’m using a container in this example):
Thanks for this. Adding a container with a specific width did exactly what I was looking for. I also had to add a little CSS on the parent dropdown container to help with the background color of the full width area.
