Thread Tools Display Modes
  #1  
Old 04-09-2020, 10:56 AM
Chris W5's Avatar
Chris W5 is offline
 
Join Date: Mar 2020
Posts: 2
Default

Product Image wrong on mobile but ok on desktop


Hi,
Im currently putting together my shop and noticed that on a mobile some of the product images are not filling the whole of the image space on pages with an odd number of products eg. 3, 5, 7

https://ibb.co/1bzjjWq

Ideally what I want is for the images to stay the same size squares and just run on with the final product just on a row on its own.

My images were uploaded to ecwid as squares so the rectangular layout on the responsive size at smaller breakpoints doesnt work.
  #2  
Old 04-13-2020, 11:07 AM
Anastasia E's Avatar
Anastasia E Anastasia E is offline
Ecwid Team
 
Join Date: Nov 2017
Posts: 63
Default

Quote:
Originally Posted by Chris W5 View Post
Hi,
Im currently putting together my shop and noticed that on a mobile some of the product images are not filling the whole of the image space on pages with an odd number of products eg. 3, 5, 7

https://ibb.co/1bzjjWq

Ideally what I want is for the images to stay the same size squares and just run on with the final product just on a row on its own.

My images were uploaded to ecwid as squares so the rectangular layout on the responsive size at smaller breakpoints doesnt work.
Hi Chris,
My name is Anastasia, Ecwid Support. Thank you for your message!

You can set the same size for all product images on category pages via CSS. Here is the screenshot: https://ecwid.d.pr/mwg3PW
You can find the code in our Ecwid CSS Cookbook, see the section "Display the same number of categories per row".

Hope this helps. If you have any further questions — please, feel free to ask.
The Following User Says Thank You to Anastasia E For This Useful Post:
Chris W5 (04-13-2020)
 

Tags
grid, layout, mobile, product images, wrong size

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 07:58 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.