You can put this CSS code into Custom CSS (if your theme has it) or your child theme’s style.css file. Or just use a custom CSS plugin and put this code in:
.sbi_photo_wrap a {
background-size:100% !important;
}
Hi,
I put that code into my custom CSS, and when I first look at the mobile sight, it seems ok. However once I scroll, the images go back to being squashed, and the writing only half showing.
Is there something else that you could recommend?
Thanks
Hi @iampoppy
Are you talking about your instagram images? The ones near the bottom of the page that appear in a grid of squares? That’s what the code is addressing in regard to the squashing and writing only half showing issue.
I loaded your page just now and that grid of images seems to be working fine now.
I accidentally overlooked the part where you said *all* images on the homepage.
Well, try this with the CSS code from earlier and see if that helps!
.stripe-parallax-bg {
min-width: 1060px !important;
}
You can adjust the min-width
value to whatever you feel works best for you. I realize it’s probably not the scaling down solution you’re looking for, but it’s temporary until someone comes up with a better solution. Let’s see if someone else can help you with this, especially since it’s parallax-related.
Hi,
I have tried that but it is not addressing the problem. Thanks for your help though.
@iampoppy
Sorry I couldn’t be of more help. But you’re welcome.
Two extra suggestions:
(1) You could ask the theme developer about it. The theme shrinks parallax images correctly at: http://demo.cmssuperheroes.com/?theme=wp_organicfood
(2) Maybe you could deactivate all your plugins (simply rename your wp-content/plugins folder temporarily) and test only the theme. It could be a plugin issue.