How to fix mobile banner dimension issue in Dawn theme?

Hello respected reader I am currently using dawn latest theme. and couple days ago I add a code from a Gentlemen into my theme code. it gave the privilege to add separate banner but it also created one big problem that is it has made create some empty white space from banner all the way to footer menu. I mean to say is the when I open my website when I am scrolling down because of the empty space its goes to right and left.any help will be really appreciated.

Hi @Haseebo can you share that piece of code you’ve added? Also, please describe what would you like to create?

hello Respected marina!

I pasted this code all the way down at section-image-banner-css

.banner__media:first-child {
width: 100%;
}
.banner__media+.banner__media {
display: none;
}
@media screen and (max-width: 749px) {
.banner__media:first-child {
display: none;
}
.banner__media+.banner__media {
width: 100%;
display: block !important;
}
}.
I want desktop banner as it is. but I want changes in mobile banner I don’t want rectangular banner on mobile version I want long square banner for mobile phone. I hope I understood my concern. thank you
my website is alignfoot.com
password siltai

hello respected Thomas-jessica. my website is alignfoot.com

password is siltai

thanks for replying

Hi @Haseebo , if you have two different elements for desktop and mobile, please give them different class names. I don’t really understand this part:

.banner__media+.banner__media {
display: none;
}
Why did you write same classes and gave them property display none, with ‘+’ ?

I did not understand element part.

for desktop I want a horizontal banner and for mobile I want a vertical mobile screen dimension.

and for the coding I have no idea about coding anything.

if you go to my website on your phone and scroll to the right if you will understand. thank you for helping my concern

Hi @Haseebo , this element is your problem

Please, change width to 100%.
And to adjust your image, add this:

Your image{
width:100vh;
}

//MOBILE

If you find my answers helpful please mark resolved or like.

thank you so much I really appreciate you I was very overwhelm thank you

@Haseebo you’re welcome, glad I could help. :slightly_smiling_face:

yes yes means a lot.