Logo and menu button alignment in mobile.

Viewing 4 replies - 1 through 4 (of 4 total)
  • logocut

    (@logocut)

    8 years ago

    I don’t have a solution, but I encountered the same problem and been searching high and low.

    Riaan K.

    (@riaanknoetze)

    8 years ago

    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.

    logocut

    (@logocut)

    8 years ago

    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)

    8 years ago

    @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.

  • 4 replies
  • 3 participants
  • Last reply from: Yaroslav
  • Last activity: 8 years ago
  • Status: resolved