Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Grey space underneath image on mobile view when code added


xpetley

Question

Site URL: https://www.cosimainteriors.com/

Hi there,

When i added this code:

@media screen and (max-width:640px) {
.homepage .section-background img {
    width: 100% !important;
    height: auto !important;
}
}

I get a huge grey space underneath?

 

Please could you help me get rid of this grey space but so i can keep banner full/80% width

 

Thank you so much.

Screenshot 2021-02-09 at 18.09.42.png

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 0

Remove your code & add this new code

/*resize mobile banner */
@media screen and (max-width:767px) {
body.homepage #page section:nth-child(2) {
    min-height: 20vh !important;
    height: 30vh;
}
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...