Banner size and image size theme dawn

[MaBa]

It almost works on the mobile. I have two slideshow now and I did all you suggested and it works great on the desktop. On the mobile only the first image is formatted ok, the second still takes the padding:

The code for the image that works:

@media(max-width:575px){
#Slider-template–15942264946878__f214d17a-7807-444b-9195-03bc52c2241d{
height:600px !important;
}

#Slider-template–15942264946878__f214d17a-7807-444b-9195-03bc52c2241d img{
padding-left:0px !important;
height:600px;
}
}

The code for the image that doesn’t work:

@media(max-width:575px){
#Slider-template–15942264946878__072f8ae0-3854-414c-8398-12ceb7135651{
height:600px !important;
}

#Slider-template–15942264946878__072f8ae0-3854-414c-8398-12ceb7135651 img{
padding-left:0px !important;
height:600px;
}
}

[shahzad5]

for the second banner you have to use

padding-right:0px !important;

[MaBa]

YOU HAVE BEEN GREAT!!!

Thanks for all help you have given me

[MaBa]

Hi again @shahzad5 ,

all was good but I had another ask from the design

In the mobile version I need to have some left padding only for the image but not for the text. What I have is:

which is good for the image padding but I need the text to start on the white part (with no padding).

Would you mind help here as well?

[shahzad5]

add margin-left:-36px; inside the below code just like this

@media (max-width: 575px)

#Slider-template–15942264946878__f214d17a-7807-444b-9195-03bc52c2241d .banner__heading {
padding-left:0px !important;
margin-left:-36px; //this code
color: black;

}

[MaBa]

It worked, I am trying to have the same effect with padding on the right using this code:

#Slider-template–15942264946878__072f8ae0-3854-414c-8398-12ceb7135651 .banner__heading{
padding-right:0px !important;
margin-right: -36px !important;
color:black;
}

but the text is always aligned with the image

[MaBa]

@shahzad5 any idea here?