mobile images and text looking squashed

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: https://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.