The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 07-11-2014, 12:26 AM
Adv Comms's Avatar
Adv Comms is offline
 
Join Date: Mar 2014
Posts: 4
Default

Distorted Single Produst images distorted on mobile devices


I have inserted the Single Product widget code into pages on my Squarespace website http://www.findmespot.net.au/spot-gen3-gps-messenger/
but the Product image distorts when viewed in portrait mode on mobile devices. Is there any way to fix this?
Attached Thumbnails
Click image for larger version

Name:	Image in Landscape mode.jpg
Views:	120
Size:	128.8 KB
ID:	2571   Click image for larger version

Name:	Image in Portrait mode.jpg
Views:	124
Size:	69.4 KB
ID:	2572  
  #2  
Old 07-11-2014, 01:05 AM
Maristany's Avatar
Maristany Maristany is offline
Senior Member
 
Join Date: Dec 2009
Posts: 419
Default

Try adding this code to your custom CSS theme
Code:
.ecwid-SingleProduct-picture img {
    height: auto !important;
}
The Following 2 Users Say Thank You to Maristany For This Useful Post:
Matt Ecwid (07-11-2014), Viktor D. (07-11-2014)
  #3  
Old 07-11-2014, 02:37 AM
Adv Comms's Avatar
Adv Comms Adv Comms is offline
 
Join Date: Mar 2014
Posts: 4
Default

Thank you so much Maristany! It works perfectly.
I would also like to put the "shopping bag" in my menu as well like you did on http://kaimarek.com/#!/~/cart. I will send you a PM.
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
distorted images, squarespace

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 10:09 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.