Image not adjusting properly on mobile

  • Author
    Posts
  • #164054

    glutenfreedestinations
    Member
    Original poster

    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: some-small-things.com

    #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

    glutenfreedestinations
    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.