What's your biggest current challenge? Have your say in Community Polls along the right column.

Image banner not showing up on mobile view

Solved

Image banner not showing up on mobile view

margo141
Excursionist
36 0 9

Guys pls help. Image banner not showing up on mobile view. My site: 108creations.comScreenshot 2024-11-13 at 10.22.07 AM.png

Accepted Solution (1)

dev_solutions
Shopify Partner
17 3 4

This is an accepted solution.

Hello @margo141 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
@media (max-width: 768px)
{
section#shopify-section-template--17172089667721__image_banner_3MEcbe div#Banner-template--17172089667721__image_banner_3MEcbe {
    display: block !important;
}
}
</style>

 
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

- Need a Shopify Expert? Chat on WhatsApp

View solution in original post

Replies 6 (6)

dev_solutions
Shopify Partner
17 3 4

This is an accepted solution.

Hello @margo141 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
@media (max-width: 768px)
{
section#shopify-section-template--17172089667721__image_banner_3MEcbe div#Banner-template--17172089667721__image_banner_3MEcbe {
    display: block !important;
}
}
</style>

 
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

- Need a Shopify Expert? Chat on WhatsApp
margo141
Excursionist
36 0 9

Thank you million times! It is working! 

devcoders
Shopify Partner
564 80 142

Hello @margo141 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css.
Add the provided code at the end of the file.

 

#shopify-section-template--17172089667721__image_banner_3MEcbe #Banner-template--17172089667721__image_banner_3MEcbe {
display: block!important;
}

 

Shopify Developer: Helping eCommerce Stores

If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

DaisyVo
Shopify Partner
1024 130 144

Hi @margo141 

 

I hope you are well.

 

Upon our checking, it has been caused by this code here:

image (6).png

You just need to remove this code from your CSS file, then an issue can be resolved. 

 

Please let me know if it works. Thank you!

 

Best,

Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
margo141
Excursionist
36 0 9

Thank you very much! That could be a solution too! 

DaisyVo
Shopify Partner
1024 130 144

Hi @margo141 

 

Thank you for your for your confirmation. Please let me know if you need anything else! 

 

Best,

Daisy - Avada Support Team 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution