Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 26, 2018 at 2:14 am #990003
    Rgrant74

    How can I edit the look of my shop page on mobile? Particularly the image sizes? For example, on my site http://www.stushlifestyle.com/shop, the images are large so a person has to scroll down the page one by one through MANY products. Other shops I’ve seen online have a god like the desktop site. But I want to do this without affective the size of the images on my desktop site

    July 26, 2018 at 6:39 am #990064
    Rikard

    Hey Rgrant74,

    So what exactly are you looking to change? Please try to be as specific as possible.

    Best regards,
    Rikard

    July 26, 2018 at 2:34 pm #990268
    Rgrant74

    Hi Rikard,

    I want to reduce the size of the product images on the shop page on MOBILE ONLY, so that I can fit 2-3 images per row.

    Currently there is one large image per row, which means site visitors will be scrolling forever.

    July 27, 2018 at 7:54 am #990549
    Rikard

    Hi,

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

    @media only screen and (max-width: 479px) {
.responsive #top #main .products .product {
    margin: 0 1% 1% 0 !important;
    width: 49% !important;
}
}

    Best regards,
    Rikard

    July 28, 2018 at 10:55 pm #990987
    Rgrant74

    Thank you Rikard

    July 29, 2018 at 9:26 pm #991303
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile look of shop page’ is closed to new replies.