Problems with Safari

[Dalia]

Hi,

I use navigation as header and there are some problems with safari.

Always the last link is shown in a second row.

I tryed to remove the nav-button. But then the link for “Gästebuch” move to the second row and so on.

Have anybody an idea?

Here is a screenshot for what I mean.

Thanks and best regards,
Dalia

[Tom]

Hi there,

That’s strange. What happens if you change the navigation alignment to “Left” in Customize > Layout > Primary Navigation?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Dalia]

Hi Tom,

the same is happening with left or center alignment.

I’ve tried so much. And only if I turned off „use navigation a header“ everything looks good. But this is not an solution for me.

[David]

Hi there,

how odd 🙂
Can’t explain it but try adding this CSS to stop it from happening:

@media (min-width: 769px) {
    .nav-aligned-right .main-navigation ul {
        display: flex;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Dalia]

Hi David,

thanks a lot. This works very well 🙂

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts