1. Dismiss Notice

How to make the products views can have 2 rows view - while in smaller screen

Discussion in 'SaleJunction E-Commerce WordPress Theme' started by effyeweb, Oct 11, 2014.

  1. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    How to make the products views can have 2 rows view - while in smaller screen

    as i show below --- this condition need because while reading products through smaller screen handphone ....
    can read more efficiency...... TQ:) -

    123.jpg

    456.jpg

    789.jpg
     
    effyeweb, Oct 11, 2014
    #1
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 480px){
.content-bar .site-content ul.products li#product_item {
width: 39%;
margin: 0px 0 25px 0;
}
}
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
    Yogesh, Oct 13, 2014
    #2

Share This Page