Storefront menu icon overlaps logo on mobile

  • Resolved Baz

    (@bazola)


    5 years, 10 months ago

    Hi.

    Loving the theme so far.

    I spent a lot of time getting my homepage looking exactly how I want it on desktop and mobile and then suddenly the menu icon has started overlapping the logo on mobile devices.

    This is strange as it didn’t do this before so I don’t know if it’s because of an update maybe?

    Please help me fix this. The only way I know how is to make the logo smaller, which works but then it looks too small and the positioning just does’t look right.

    I hope to hear back from you soon.

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @bazola,

    I think you found a bug, sorry about that. We’ll fix it in a future update.

    In the meantime, you can use this custom CSS to fix the issue:

    
.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
    max-width: 100%;
}

    Thank you!

    • This reply was modified 5 years, 10 months ago by Tiago Noronha.

    Hi, I have the same issue with mobile devices. De =menu button stays in front of the logo. Would be better if the menu button is fixed above or below the logo.

    the custom CSS did not fix the issue.

    • This reply was modified 5 years, 10 months ago by yorroy.

    Hi @yorroy,

    Would you mind opening a different thread with a link to your site? Just want to make sure we’re not hijacking threads here ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Storefront menu icon overlaps logo on mobile’ is closed to new replies.