[Resolved] Cart Icon / Logo overlap in mobile view

[Catherine]

Hello,

I have just launched a new website with GeneratePress and all is going smoothly except that on mobile view (I am viewing the site on a small iPhone screen) my logo overlaps with the WooCommerce cart icon when the cart has an item in it. It looks like I might need to reduce the spacing between the menu toggle, logo, cart icon, and search icon somehow?

Can you please let me know if there’s a setting I’m missing that might correct this? I will share the URL in the private info box.

Thanks very much,
Catherine

[Catherine]

Forgot to include a screenshot! I’ll attach that here as well. Thanks again.

[Leo]

Hi there,

Hmm I would say that there is simply not enough room for all 4 items (toggle, logo, cart and search) to be in one line on mobile view – the main issue here is that the logo is taking up too much space.

Have you considered disabling the mobile header option and just use the default header?
https://docs.generatepress.com/article/mobile-header/

I believe that’s your best option here.

Let me know 🙂

[Catherine]

Hi Leo,

Thanks so much for getting back to me. That sounds like a very good solution. I appreciate your help with this!

Catherine

[Leo]

No problem 🙂

[Author]

Posts