Image banner not displaying on dawn theme mobile view

[innergillusions]

My image banners are not showing when I'm in mobile view. Everything shows fine in desktop view, but when I switch to mobile view the banners disappear unless I add text which I do not want on top of the images.

 @KetanKumar 

[KetanKumar · Accepted solution]

great thanks for update 

can you try code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.

@media screen and (max-width: 749px) {
.banner__media {position: relative;}
}

[KetanKumar]

@innergillusions 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[innergillusions]

innergillusion.com 

@KetanKumar 

[KetanKumar]

@innergillusions 

thanks but its passwords protect

[innergillusions]

password 

nieblo

[KetanKumar · Accepted solution]

great thanks for update 

can you try code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.

@media screen and (max-width: 749px) {
.banner__media {position: relative;}
}

[innergillusions]

Thank you that worked! Now I need to make the pictures clickable with the links just like how it is in desktop version. Could you help with that also?

@KetanKumar 

[KetanKumar · Accepted solution]

@innergillusions 

yes, please add this code also

@media screen and (max-width: 749px){.banner__content {position:absolute; height:100%;}}

[innergillusions]

That worked. Thank you!

[KetanKumar]

@innergillusions 

its my pleasure to help us 

[AsaConcepts]

good evening i have 3 MP4 files on my home page that will not play in mobile view. i have the dawn theme. it is password protected. the password is yowcru

[ParisSmith]

I can't figure out how to work it. I'm having trouble with my banner showing up on my mobile site

[KetanKumar]

@ParisSmith 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[madroze]

Hello, this code worked for me (made my image resize properly on mobile) however it's not made my white image appear grey on the desktop version. are you able to assist please?

[KetanKumar]

@madroze 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[madroze]

thanks so much!

sculptandcoapparel.com

[KetanKumar]

@madroze 

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.

.banner:after, .banner__media:after {
    opacity: 0 !important;
}

[ParisSmith]

This code isn't working for me

[Fumie]

Hello - I can do not have the section-image-banner.css on my theme - can you help, I am experiencing the issue that my Banner image is not showing on the site

[Zworthkey]

Hello,

Have you get solved your issue yet? As we go through your website it is pasword protected due to which we are not able to review your store frontend issue. So, still having any issue please provide us develeloper collaborator access for your shopify theme so that we can identified why this is happing so on your store to get it resolved for you.

Thanks