Make menu items in header allign under each others

[coedam]

Hi.

I have a menu in my header that i want to allign under neath each other. Right know, as you can se on the screenshot, it just cuts the menu off (there a 8 items)

How does i achieve this?

Thanks!

[friech]

Hi Coedam,

Thank you for writing in, please set your inline navigation to wrap children

If that does not work, please provide us the site URL and login credentials in a secure note so we can take a closer look.

Cheers!

[coedam]

I have already done that.

It’s the bar called Bar 2 - PC inside the header builder and my login information is:

Summary

Site: https://spisdinmaveflad.dk/testtest-2-2/
Admin: coedam
Pass: Chr1108590323

Thanks!

[thai]

Hi There,

Please add the my-bar class to your bar:

After that add this custom CSS:

@media (min-width: 768px){
    .my-bar.x-bar,
    .my-bar .x-bar-content {
        height: auto !important;
    }
    .my-bar .x-menu,
    .my-bar .x-bar-container {
        flex: inherit;
    }
}

Hope it helps

[coedam]

Hi Thai.

Did that and it don’t work unfortunatly:

[coedam]

Hi again. I worked, my bad. My editor just didn’t made the changes, but the real site did. Thanks!

[ruenel]

You are most welcome.