[Resolved] Top menu float left — CSS not working

[Anton]

Hi guys,

I want the emailaddress and phone number floating left.

Put this in additional CSS

.menu-item-float-left {
float: left;
}

And called the elements “menu-item-float-left”.

But menu-elements don’t move.

Been searching on the forum for the entire afternoon…

What am I doing wrong here?

[Leo]

Hi there,

Try modifying your CSS to this:

.menu-item-float-left {
    float: left !important;
}

Another option would be to use the top bar widget area instead of secondary navigation:
https://docs.generatepress.com/article/top-bar-widget-area/

Then it will automatically split the widgets for you.

Let me know 🙂

[Anton]

Thanks Leo! Your code worked 🙂

Gonna check the top bar widget area as well.

[Leo]

No problem 🙂

[Author]

Posts