Return to previous page

Product-category and page on mobile - by Orna Ohayon

This topic has 4 replies, 3 voices, and was last updated 6 years, 5 months ago ago by Olga Barlow

  • Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    July 1, 2018 at 10:12

    Hello,

    1. On my product-category, I like to have on mobile 2 products in line
    https://panima.co.il/product-category/makeup/

    like here:
    https://snag.gy/eysmCT.jpg

    2. On my product page, I like to see on mobile the 4 more products that are available on the page
    https://panima.co.il/product/bfl-%D7%A8%D7%95%D7%99%D7%90%D7%9C-%D7%A7%D7%90%D7%A8/

    Best regards
    Orna

    #195799 Copied Theme version: 3.7 WooCommerce version: 3.3.4
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 2, 2018 at 09:33

    Hello,

    1. 

    @media (max-width: 480px) {
.products-grid.product-count-4 .product:nth-child(n) {
    width: 50%;
}
}

    2. Please describe the desired result in more details.
    Thanks in advance.

    Regards

    #195831 Copied
    Avatar: Orna Ohayon
    Orna Ohayon
    Participant
    July 3, 2018 at 09:14

    2. Now the more products contain only 1 product on mobile
    and I like to have 4 more products that existing on the web
    https://snag.gy/3Syqa6.jpg

    3. When I scroll down the product page and then going up
    the one more product disappeared

    Many thanks
    Orna

    #195899 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 9, 2018 at 09:46

    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

    #196329 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme

See All Templates

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