[Resolved] Menu slides under logo

Home Forums Support [Resolved] Menu slides under logo

Home Forums Support Menu slides under logo

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2170685
    Sonja

    when I look at this page on the tablet, the menu slides under the logo. And that is very ugly.
    What can be done about it?
    Is it possible to make it so that the logo at least slides into the middle, in this case? Or is it possible to prevent this altogether?

    #2170704
    Fernando
    Customer Support

    Hi Sonja,

    Here is a CSS you may try:

    @media (min-width: 769px) and (max-width: 1024px) {
            nav.main-navigation .inside-navigation.grid-container {
            justify-content:center;
        }
        
        nav.main-navigation .inside-navigation.grid-container .navigation-branding {
            margin-right:0;
            margin-left:0;
        }
    }

    Here is an article with regards to adding CSS: https://docs.generatepress.com/article/adding-css/#additional-css

    Adding this through additional CSS should work.

    Alternatively, you can also try setting the Mobile Menu Breakpoint to 1024px so that the menu turns in to a mobile menu on tablet as well. This would prevent it from going down.

    Hope this helps! 🙂

    #2170727
    Sonja

    Hello Fernando,

    thanks, I have used the css and it works fine.

    #2170728
    Fernando
    Customer Support

    You’re welcome Sonja! Glad that worked! Feel free to reach out anytime if you’ll need assistance with anything else. 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.