Shop theme not correctly visible on mobile

  • Hi!
    I have a page made with Shop Zita. Using two big squares of each 50%, and three smaller squared of 33% each on the homepage.

    The bigger ones don’t go below each other on small screen but one behind the other..so one is not visible. I tried finding it in css and the settings but can not find it..

    What can i do to fix this?

    Thank you!

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

Viewing 1 replies (of 1 total)

  • Hello there,

    Paste this CSS in the Additional CSS to make product in single column in small mobile devices.

    @media screen and (max-width: 480px){
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
width:100%;
padding-left:10px;
padding-right:10px;
}}

    Thank you

Viewing 1 replies (of 1 total)
  • The topic ‘Shop theme not correctly visible on mobile’ is closed to new replies.