Header > Content Area Dropdown anchor point offset or container full width?

[mediaryte]

I am attempting to create a content dropdown area in a PRO header that fills the container. The content of the dropdown uses a global block for the content. The size is set to 1200px, which is the size of the global container. Ideally, the content area dropdown would either fill the container space OR have an anchor point. I’m not sure how to achieve this.

[friech]

Hi Chrisrisse,

Thank you for writing in, since there is no 100% width option the dropdown itself, you need to do that via a custom CSS, you need to place the custom CSS on the Element CSS area.

Please see the solution provided here.

Cheers!

[mediaryte]

Thanks - with slight modification, I was able to do what was needed with the following:

Custom IDs were used to separate the containers and sub-menus from others.

.x-masthead #residential-menu.x-mod-container, .x-masthead #commercial-menu.x-mod-container {
position:unset;
}

.x-masthead  #residential-menu-dropdown, .x-masthead  #commercial-menu-dropdown {
    position:absolute;
  	right:0px;
}

[friech]

Hi Chrisrisse,

Yes, custom ID or class works too, glad we could help,

Cheers!