More products contain on Mobile - by Orna Ohayon

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

  • Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    July 8, 2018 at 02:03

    Hello,

    On Mobile, On product paage
    My more products contain disappeared when I scroll down and up and
    I see only 1 product on mobile
    and I like to have 4 more products that existing on the page
    https://snag.gy/3Syqa6.jpg

    Best Regards
    Orna

    5 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 9, 2018 at 09:47

    Hello,

    Problem with your product carousel is related to code in your child-theme rtl.css

    .owl-carousel .owl-wrapper, .owl-carousel .owl-item, .products-grid .product {
        float: right !important;
    }

    Please, remove that code and let me know if you still have a problem with the number of products.

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    July 9, 2018 at 12:06

    Many Thanks,

    Now I can see the product carousel but
    I don’t see the arrows on the sides that show you can see more products

    Best regards
    Orna

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 9, 2018 at 12:21

    Please add this code in style.css of child theme:

    @media (max-width: 480px){ 
       .single-product .slider-container .owl-prev, .single-product .slider-container .owl-next {
            display:  block;
            top: 31%;
       }
    }

    Regards

    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    July 9, 2018 at 14:06

    Many Thanks
    It’s work!

    Orna

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 9, 2018 at 14:12

    You’re welcome!

    Regards

  • Viewing 6 results - 1 through 6 (of 6 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.