how do I setup 3 columns in mobile view?

  • Resolved antonbelsky

    (@antonbelsky)


    6 years, 4 months ago

    Hi.

    What extre CSS should I put into my Screenr theme in order to have 3 columns layout in mobile view? I’ve already contacted Screenr theme developer they replied this is not the theme issue and redirected me here.

    Anton

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter antonbelsky

    (@antonbelsky)

    Correction. Please follow the new link, as for the one I gave earlier is no longer active.

    https://truck37.ru/shop

    Add custom css in either theme settings > customizer or code in a custom css stylesheet

    media only screen and (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 30%;
    float: left;
    clear: none;
    margin: 5px;
    }
    }

    • This reply was modified 6 years, 4 months ago by CarolLeung.
    Thread Starter antonbelsky

    (@antonbelsky)

    media only screen and (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 30%;
    float: left;
    clear: none;
    margin: 5px;
    }
    }

    for this, customizer gives an error “There are 4 errors which must be fixed before you can save.
    Update anyway, even though it might break your site?”

    Thread Starter antonbelsky

    (@antonbelsky)

    but thx anyway, u helped me to figure it out ??

    • This reply was modified 6 years, 4 months ago by antonbelsky.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how do I setup 3 columns in mobile view?’ is closed to new replies.