How 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

Viewing 1 replies (of 1 total)
  • 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 1 replies (of 1 total)
  • The topic ‘How to show 2 or 3 columns of products in mobile devices ?’ is closed to new replies.

Tags