Mega menu drops below logo - Forum | JoomShaper
Solved Helix Framework

Mega menu drops below logo

Asked by H 4 years ago Last activity 4 years ago

I have a website Joomla4+Helix Ultimate+SP Pagebuilder: www.zorgboerderijwillemshoeve.nl

If I reduce the size of the screen, I would expect the menu items to start occupying 2 lines, before they disappear and the hamburger menu comes in. But instead the menu first drops below the header and only then starts to occupy 2 lines.

How can I achieve the wanted behavious that the menu starts occupying 2 lines within the header area?

Kind regards,

Hubert

Accepted answer

Marked as the solution
Ariba Staff
4 years ago

You are welcome :)

Glad to know it worked out now. Thank you for sharing.

2 more replies

Oldest first Newest first Most helpful
Ariba Staff
4 years ago

Hello

Thank you for your query.

Please add the following css in custom css section

#sp-header .container-fluid .container-inner > .row {
    flex-wrap: unset;
}
H Asked this
4 years ago

Thanx for the help.

flew-wrap:unset didn't do anything. But when I tried flex-wrap:unwrap, it worked.

Hubert

Log in to reply.