Printable View
Yes, I am using version 2.1.0 I did everything in the admin configuration in the image. I can't seem to get the image larger mostly in the product listings and the new product module on the mobile and tablet devices. Is there an add-on to fix this or what can I do?
Wade
Just came to my attention on the tablet devices on the web browsers like (Chrome, Firefox and Safari) if you set zoom to normal which is 100% its a normal desktop version on the screen but if you set the zoom to 150% it looks like a mobile version. How to keep 100% zoom as a mobile version.Quote:
Originally Posted by wmorris
https://www.galaxyhomedecor.us/images/tablet-ipad.PNG
A link to the website or at least the template you are using will be necessary to help you
Yes, the website address is https://www.galaxyhomedecor.us/ and the template I am using is Fluorspar.Quote:
Originally Posted by mprough
Well, on my old iPhone 7, images can't be bigger without having to scroll sideway, at least on vertical viewing... And on my iPad Air, whatever zooming I do, everything looks like on my Desktop.
Perhaps, you could give more details on what you do, with what hardware, what setting/file code you tried to change...
By the way, all this is template related and should be in the Fluorspar support thread.
This is an easy fix.
You need to make you images responsive.
I noticed that the images on the product page look like
max-with:100%;
height:auto;
You need to remove the height and add a width of 100%
max-with:100%;
width: 100%
Utilize you media queries to make it look.
Also please note you should not worry about zooming in... it has nothing to do with the way your site looks.
You have to use the media queries to solve the issue you are experiencing.
I also noticed on the product page you have a width of 80% on you mobile view of the image. Change it to 100% and that will also solve your issue
What file do I need to edit? Also, how can I make the main menu responsive?Quote:
Originally Posted by chadlly2003
path: includes/templates/fluorspar/css/responsive.css
issue is on line 40
find
#productMainImage
width:80%
change to
width:100%
Just a suggestions:
This template needs some work to make it responsive. I am not sure if you are interested but there is a new template that zencart team has built that will fix all your responsive issues.
https://www.zen-cart.com/downloads.php?do=file&id=2403
Ok, how to make the menu bar responsive with a hambuger?Quote:
Originally Posted by chadlly2003