Support » Theme: Shop Isle » Windows Phone, Little CSS glitch on header with woocommerce

  • Resolved greatscott

    (@greatscott)


    On my Windows Phone the header is squished so that the shopping cart icon is merged with the Menu button. But if I resize my desktop browser down to the same size, it looks ok. And on my Android it looks ok.

    Screenshot from Windows Phone showing the issue at top right corner:

    Screenshot from my desktop browser resized small showing it looking ok:

    Does anyone know which CSS setting I can apply a small custom tweak to so they line up correctly?

    OR, an acceptable workaround would be to hide the search button on mobile devices to make more room in the header bar.

    -Scott

    • This topic was modified 3 years, 4 months ago by greatscott.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Alexandra

    (@alexandrastan001)

    Hello Scott,

    Could you share the link to your website so that we can have a look and test it on difference devices?

    Best regards,
    Alexandra

    It was in the screenshot but here’s a clickable link: mraetherdesigns.com

    Hi Scott,

    The issue was with your site title that was too long, and could have been fixed with a small css code to make the font size smaller. But I see you use a logo now and everything seems ok.

    Please let us know if you still need help.

    Regards,
    Rodica

    Thanks for the follow-up Rodica! Yes we went with a graphic logo and it looks better on the phone now. 🙂

    -Scott

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Windows Phone, Little CSS glitch on header with woocommerce’ is closed to new replies.