Hello all,
I need help finding a solution that allows the image banner to show up on the desktop. I can only see the image banner on the mobile view. I’m using Dawn theme 2.0.
Is there a snippet of code I can apply to my theme to solve this?
Hello all,
I need help finding a solution that allows the image banner to show up on the desktop. I can only see the image banner on the mobile view. I’m using Dawn theme 2.0.
Is there a snippet of code I can apply to my theme to solve this?
Hi @Ryan_Chalme
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.
Or you can follow this video to know how to add different image on mobile and desktop for banner
https://youtu.be/JanT6cP28G0
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.
URL: https://dev-four-seasons.myshopify.com/admin
PW:makkpress
Hi @Ryan_Chalme
Which banner has problem?
Can you share the page url, or some image about it.
It’s the image banner on the desktop site. It shows above the footer in the mobile version but not on the desktop. It seems that it won’t show up unless you have a very big desktop screen.
URL: https://dev-four-seasons.myshopify.com/admin
PW:makkpress
Hi @Ryan_Chalme
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css
.banner__media {
padding-bottom: 65.625%;
}
This solution works! It just has some padding showing on the bottom of the image.
and add this code to bottom of the file base.css
@media screen and (min-width: 750px){
.banner__content {
padding: 0;
}
}
sorry i can’t see any issue can you show me