Support » Theme: Storefront » Logo and menu button alignment in mobile.

Viewing 4 replies - 1 through 4 (of 4 total)
  • I don’t have a solution, but I encountered the same problem and been searching high and low.

    Hi there,

    The main reason for that is that both the logo and the main menu now contain a class of .col-full. To manually override that, you could use the following custom CSS in your WordPress settings under Appearance > Customize > Additional CSS:

    
    @media (max-width: 568px) {
      .storefront-primary-navigation {
        margin-top: -3.5em;
      }
    }
    

    Hope it helps.

    Hi,

    Thanks, it worked for me. However, to include devices like Ipads, it seems to be better with max-width around 800px.

    Thanks again!

    Thread Starter Yaroslav

    (@yclept)

    @riaanknoetze, thanks a lot, it works 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Logo and menu button alignment in mobile.’ is closed to new replies.