ow to show 2 or 3 columns of products in mobile devices ?

  • Resolved silviuclg

    (@silviuclg)


    9 years, 5 months ago

    Hi everyone,

    I’m using WordPress 4.3.1 + Avada theme (from ThemeForest) + Woocommerce 2.4.6.

    Does anybody know how to show 2 or 3 columns of products in mobile devices without disabling the responsive design ?

    Currently Avada theme only shows 1 column product when view in mobile devices which makes the user have to scroll down a lot when there are many products and this is very frustrating for customers. Without doubts it will increase the bounce rate.

    I would be totally grateful if someone can help me with that. I’m sure I’m not the only person who wants to change this and can be helpful for many Avada users.

    Website: https://www.p4tru.ro

    This is how it looks now:

    – vertical: https://www.screencast.com/t/btHaY3tAf
    – horizontal: https://www.screencast.com/t/1xE3i12XcMJ0

    Thank you.

    C. Silviu

    https://www.ads-software.com/plugins/woocommerce/

Viewing 2 replies - 1 through 2 (of 2 total)

  • That is not a problem; it is what a “responsive” theme meant to do!
    And that is the most common way to handle websites for the new smart mobile devices.

    Basically; it is not a woocommerce issue, so; may be you can ask to the theme developer how to disable that feature?

    Thread Starter silviuclg

    (@silviuclg)

    SOLVED:

    I’ve added this code to Theme Options – Custom Css and it displays product categories and products on two columns:

    @media only screen and (max-width: 800px) {
    .fusion-body .products li {
    width: 49% !important;
    display: inline-block;
    }
    }

    Hope it helps…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘ow to show 2 or 3 columns of products in mobile devices ?’ is closed to new replies.