Product Boxes Overlapping - by Andre - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 8 years, 10 months ago ago by Robert Hall

  • Avatar: andre@nuhouse.ie
    Andre
    Participant
    June 23, 2015 at 09:57

    Hello the products on my home page are fine on a desktop but when i go to my mobile device the boxes are overlapping: http://prntscr.com/7k9ud1

    Do you how to fix this can i add some custom css?

    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 23, 2015 at 10:13

    Hello,

    Please try to add the following code in custom.css file

    @media only screen and (max-width: 480px){
    .home .owl-carousel .owl-item {
      width: 175px !important;
    }
    }

    Regards,
    Robert Hall.

    Avatar: andre@nuhouse.ie
    Andre
    Participant
    June 23, 2015 at 13:04

    Worked a treat Robert. Thanks

    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 23, 2015 at 13:10

    You’re welcome!

    Regards,
    Robert Hall.

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

The issue related to '‘Product Boxes Overlapping’' has been successfully resolved, and the topic is now closed for further responses

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