WooCommerce Categories Overlapping Content?

This topic has 4 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

  • Avatar: GregDougherty
    GregDougherty
    Participant
    January 5, 2018 at 01:07

    Good Evening WooCommerce community!

    I’m wondering if someone with a bit more coding knowledge than myself can inform me as to why some mobile browsers are showing the categories overlapping the content (See image link below)

    http://tinypic.com/r/23j1s8x/9

    My mobile browser personally is showing it fine, and the content drops when the category bar is used. However, my business partner is experiencing the problem shown within the image above and i’ve had one other person state the same issue!

    Any help would be much appreciated to narrow down what is causing this on some phones and not others.

    Thanks and Happy New Year, Greg.

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 5, 2018 at 09:21

    Hello,

    I hope you are well today and thank you for your question.

    I’ve checked your shop page on Samsung mobile and do not see the problem.
    On what phone and browser do you get the problem?

    Happy new year to you, too.

    Regards

    Avatar: GregDougherty
    GregDougherty
    Participant
    January 9, 2018 at 01:23

    Hi Rose, thanks for your response and sorry for the late reply!

    As mentioned, I have asked numerous friends/family if they have the problem and only a select few see the page displayed as shown in the image.

    By the looks of the image the effected browser is Safari Mobile.

    Thanks again, Greg.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 9, 2018 at 13:35

    Hello,

    Please try to add this code in custom.css:

    @media (max-width: 767px) {
        .page-content.responsive-sidebar-top > .row-fluid .sidebar, .page-content.responsive-sidebar-top > .row .sidebar {
          flex:auto !important;
        }
    }

    then clear cache and check if the problem solved.
    How to create custom.css you can watch in this tutorial https://www.youtube.com/watch?v=Qok2zRedRMY.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.