Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 18, 2016 at 10:53 am #634292
    ottopeltola

    Hi,

    How do I get the shop product grid on this website, to display single images on top of one another as opposed to showing two of them next to each other, when they are viewed on a small mobile device? I am wanting it to look like in the enfold theme, where each product image is using up the fullscreen on a mobile phone, but then forming a grid when viewed on a larger laptop screen.

    Thanks!

    Otto

    May 19, 2016 at 6:55 am #634982
    Ismael

    Hey ottopeltola,

    Thank you for using Enfold.

    Did you insert a woocommerce shortcode inside a content slider? Please use the Product Grid element. The product columns will automatically respond to the current screen size. Or add this in the QuicK CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top .products .product {
    clear: none;
    width: 100%;
}
}

    Best regards,
    Ismael

    May 19, 2016 at 8:08 am #635029
    ottopeltola

    That works great! Thanks for the quick response, have a great day Ismael :)

    May 20, 2016 at 4:52 am #635679
    Ismael

    Hi,

    Great! Glad it worked. Have a nice day! :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.