Image not adjusting properly on mobile

  • Author
    Posts
  • #164054

    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)

    #164088
    nudgedesign
    Theme Author

    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!

    #164092
    somesmallthingsblog
    Member
    Original poster

    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.