Support » Fixing WordPress » mobile images and text looking squashed

  • Hi,

    I have a website http://www.thecleanchef.com.au and it looks fine when viewed on a computer screen. I have the theme set to responsive, but when it is viewed on a mobile, all the images on the homepage are squashed and the text is not showing on the images.
    Is there a way to rectify this?

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • 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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘mobile images and text looking squashed’ is closed to new replies.