[Resolved] Navigation Bar

[izzilan]

I want create a rtl version but navigation is not very responsive and its not mobile friendly as well.

[Leo]

Hi there,

Can you activate this option first?
https://docs.generatepress.com/article/navigation-as-a-header/

Let me know 🙂

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

[izzilan]

Activated the option but it still not align on mobile.

[Leo]

Try this CSS:

@media (max-width: 768px) {
    .main-navigation .inside-navigation {
        justify-content: flex-start;
    }
    .mobile-header-navigation.has-menu-bar-items .mobile-header-logo {
        margin-right: 0;
        margin-left: auto;
    }
}

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

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

[Author]

Posts