Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 17, 2023 at 2:26 pm #1419382
    schweg33

    Hello together
    I have created a store here link below:

    My question
    is it possible that the pictures of the products mobile
    (allso everywhere fromse PC)
    be displayed smaller?

    Thanks for your info
    kind regards

    September 17, 2023 at 7:14 pm #1419393
    Mike

    Hey schweg33,
    How small do you want them to be on mobile?
    Do you also want the text below then to be smaller?
    What screen size do you want them to be the regular size, 768px and up?

    Best regards,
    Mike

    September 17, 2023 at 7:51 pm #1419400
    schweg33

    Hello Mike
    Thank you for your quick reply

    is it possible that I can specify the size of the images also in percent? On the pc they should keep the original size

    thank you very much

    kind regards
    Franz

    September 17, 2023 at 8:02 pm #1419401
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 1366px) { 
	#top.page-id-3627 .av-masonry-entry.type-product .av-masonry-image-container {
		transform: scale(.5);
	}
}

    adjust the “.5” to suit, “.5” is 50% smaller and 1 would be the original size.
    I added the page ID page-id-3627 in the code so it will only work on the one page, you can remove it if you want it to work on all pages.

    Best regards,
    Mike

    September 17, 2023 at 10:09 pm #1419421
    schweg33

    Hello Mike
    So it fits great
    you can close this request

    kind regards
    Franz

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘products images mobile smaller’ is closed to new replies.