Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 13, 2015 at 1:39 pm #472405
    AnjiG

    Hi
    I am using the product grid on the front page of an online shop site (also using woo commerce) However on tablets/ipad the images are squashed…they’re ok on phones as I set mobile behaviour on the grid row settings to Default. I’ve tried changing responsive settings in the Theme options/general layout but still stays the same.

    Many thanks
    Anji

    July 14, 2015 at 4:50 am #472807
    Rikard

    Hey AnjiG!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 1024px) {
.home .shop_columns_3 .products .product {
  width: 100% !important;
}
}

    Best regards,
    Rikard

    July 14, 2015 at 10:51 am #472970
    AnjiG

    Hi Rikard
    Thanks so much, it works perfectly. Just a couple of questions re responsive on tablets. In portrait the checkout button in the sidebar is cut off (only noticed it yesterday)…see screenshot. Also the cart icon is hidden behind the menu icon at the top (see same image)…how do I fix this?

    As always fab support and much appreciated.
    Anji

    July 15, 2015 at 12:22 pm #473653
    Ismael

    Hey!

    I checked the shop page and the cart buttons are fixed. Looks like you managed to adjust the css.

    Best regards,
    Ismael

    July 15, 2015 at 12:40 pm #473671
    AnjiG

    Hi Ismael
    Thanks, yes I did but there was just one glitch where the cart sat oddly on tablet landscape view but just sorted it out.
    So thanks for all your help. This can now be closed
    Anji

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Product Grid Images on Tablets’ is closed to new replies.