products alignment

  • Resolved yazanessam

    (@yazanessam)


    8 months, 2 weeks ago

    I am using this custom css to make the products in mobile view be in two columns but it doesn’t work the products become smaller but still in one column
    @media only screen and (max-width: 712px) { ul.products li.product {

    width: 50%!important;

    padding: 10px !Important;

    display: inline-block !Important; } }

    • This topic was modified 8 months, 2 weeks ago by yazanessam.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author codegearthemes

    (@codegearthemes)

    Please update custom css with this code.

    @media only screen and (max-width: 712px) { 
ul.products{

grid-template-columns: repeat(2, 1fr) !important;
} 
}
    Thread Starter yazanessam

    (@yazanessam)

    thanks, actually it works <3, so If I want to make it 3 columns for the tablet and ipad how it should be

    • This reply was modified 8 months, 2 weeks ago by yazanessam.
    • This reply was modified 8 months, 2 weeks ago by yazanessam.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘products alignment’ is closed to new replies.