Categories display style on mobile problem

Hi supporters,

plz check https://www.woolars.com/products/ ; via you mobile phone.   (Same problem to https://www.woolars.com/products/cnc-parts/)

it is display the categories in a single row, i want it display more in a single screen.  Picture smaller, and more categories in a line (User friendly). 

Thank you so much

Comments

  • HI, @woolars

    Do you want the same as this screenshot.

    Thanks
  • yes, plz let me know how to realize, 

    thanks.
  • Hi,

    To do this, add the given below CSS code inside the custom CSS box:

    @media (max-width: 767px){
       .archive .portfolio .col-xs-12{
           width : 33% !important;
       }
       .entry-header h3{
           font-size: 12px !important;
       }
    }

    I hope it will work for you!

    Thanks
  • could you plz also give me the code for display 2 items in a row?

    The current code is 3 items, i think it is a little bit small. 

    Thank you very much.

  • edited May 27
    Hi,

    Replace the above CSS code by the below CSS code:

    @media (max-width: 767px){
       .archive .portfolio .col-xs-12{
           width : 50% !important;
       }
       .entry-header h3{
           font-size: 15px !important;
       }
    }

    Thanks

  • thank you very much, it works. 
  • Hi,

    Glad to help you!

    If you like our theme and support, rate us HERE.

    Thanks
This discussion has been closed.