Product Image on Mobile
-
-
- mjindustry
- Hero Rocketeer
- Posts: 289
- Thanks: 0
-
I was wondering why on my product page on mobile, is the main image so small?
Is there a way I can make that a bit larger on mobile? It's fine on desktop and tablet. Thnaks!
Here's an example (please check on your mobile)
www.nicewoodsigns.com/duck-hunting-sign-dog-plaque.html - Commerce Site with Metropolis magento 1.7- Wood Signs
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21553
- Thanks: 3088
- messin' with stuff
-
Drop this in your custom css:
.base.page #gallery ul.mobileview img {
width:100%;
} - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- mjindustry
- Hero Rocketeer
- Posts: 289
- Thanks: 0
-
Matt wrote:
Drop this in your custom css:
.base.page #gallery ul.mobileview img {
width:100%;
}
Thanks Matt, worked perfect. I went with 75%, looks about right.
How could I do the same with the logo, and also the category thumbs?
Appreciate the help.. - Commerce Site with Metropolis magento 1.7- Wood Signs
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21553
- Thanks: 3088
- messin' with stuff
-
your logo looks off because I believe you've configured this in your theme-styles.css file:
.rt-image img { max-width: none !important; }
which I half-remember from an old post...
.... and, ok... I just deleted the rest of what I just wrote because I think that line is screwing ALL this stuff up... it's WAY too broad and not specific enough to your logo and generally a bad idea... I'm sorry if I'm the one that suggested it lol... remove it, test, and THEN we'll look at fixing your logo for Desktop view... - Last Edit: 9 years 7 months ago by Matt.
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- mjindustry
- Hero Rocketeer
- Posts: 289
- Thanks: 0
-
Matt wrote:
your logo looks off because I believe you've configured this in your theme-styles.css file:
.rt-image img { max-width: none !important; }
which I half-remember from an old post...
.... and, ok... I just deleted the rest of what I just wrote because I think that line is screwing ALL this stuff up... it's WAY too broad and not specific enough to your logo and generally a bad idea... I'm sorry if I'm the one that suggested it lol... remove it, test, and THEN we'll look at fixing your logo for Desktop view...
Okay, I removed that and now logo looks great, mobile and desktop.
Now if I could just maybe adjsut those category thumbs to be like 75-80%. At 100% they look fuzzy.
Thanks again Matt. - Commerce Site with Metropolis magento 1.7- Wood Signs
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21553
- Thanks: 3088
- messin' with stuff
- make sure you clear your cache... your logo is back to being "small" on a desktop... which I think looks fine, just making sure you do too...
- SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21553
- Thanks: 3088
- messin' with stuff
-
The thumbs look good to me too...?
//clear your cache... - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- Matt
- Preeminent Rocketeer
- Posts: 21553
- Thanks: 3088
- messin' with stuff
-
I'm looking at the the "oder custom signs image"
mock up a screenshot of what you mean by "thumbs" plz - SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT
-
-
-
- mjindustry
- Hero Rocketeer
- Posts: 289
- Thanks: 0
-
Matt wrote:
I'm looking at the the "oder custom signs image"
mock up a screenshot of what you mean by "thumbs" plz
Sorry, I meant category view thumbs on mobile. These look pretty fuzzy to me, desktop is all good. My thought was if I shrunk category view thumbs on mobile, they might look better?
I'm okay with the logo smaller on desktop.. Chrome is really small for some reason, but we can live with that. I like it's now good on mobile. - Commerce Site with Metropolis magento 1.7- Wood Signs
-
Time to create page: 0.063 seconds