Images are small in mobile and tablet.

[wmorris]

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

[wmorris]

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.

[mprough]

A link to the website or at least the template you are using will be necessary to help you

[wmorris]

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.

[pilou2]

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.

[chadlly2003]

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.

[chadlly2003]

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

[wmorris]

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.

What file do I need to edit? Also, how can I make the main menu responsive?

[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

[wmorris]

path: includes/templates/fluorspar/css/responsive.css
issue is on line 40

find
#productMainImage
width:80%

change to
width:100%

Ok, how to make the menu bar responsive with a hambuger?