Archived topic
Cart Icon / Logo overlap in mobile view
4 replies · Started by Catherine on June 29, 2022
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
Forgot to include a screenshot! I'll attach that here as well. Thanks again.
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 :)
Hi Leo,
Thanks so much for getting back to me. That sounds like a very good solution. I appreciate your help with this!
Catherine
No problem :)
