2 rows for 768px – 1024 px screen

  • Resolved wpking2019

    (@wpking2019)


    5 years, 7 months ago

    Hello

    How to make 2 columns for screens with 768px – 1024px ?
    At the moment I have 3 columns. I can set this in the generatepress theme customizer. But I can only select for desktop and for mobile, but not for between what I wish.

    I guess the tags and elements are by default same for all woocommerce users who has 3 columns. So there should be a general @media query with the default tags I guess?

    Thank you

Viewing 1 replies (of 1 total)

  • You would have to use 2 media queries to target the width range…

    @media screen and (max-width: 1024px) {
    .class {
        width: 50%;
    }
}
    @media screen and (min-width: 768px) {
    .class {
        width: 50%;
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘2 rows for 768px – 1024 px screen’ is closed to new replies.

Tags