Image not adjusting properly on mobile

  • I can’t seem to make my image at the bottom of the home page adjust properly for mobile. Looks fine on desktop and mobile view. It’s the photo with the pea pod where it says “Add some small things to your day” with the subscription box. Can anyone assist?

    The blog I need help with is: (visible only to logged in users)

  • Hi there!

    The image has a minimum height of 430px which is set in the editor for that block. You can either reduce this number (which will reduce the overall height even on desktop too) or add the following CSS in your Customize > Additional CSS menu. Make sure to put in after any else that is already there:

    @media only screen and (max-width: 450px) {
      .wp-block-cover {
         min-height: 300px;

    Hope that helps!

  • Thank you. How do I go about reducing the minimum height of 430? Thanks.

  • The topic ‘Image not adjusting properly on mobile’ is closed to new replies.