Image banner not showing up on mobile view

Solved

Image banner not showing up on mobile view

margo141
Explorer
42 0 10

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
35 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
35 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
Explorer
42 0 10

Thank you million times! It is working! 

devcoders
Shopify Partner
1283 150 360

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
4385 486 579

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
Explorer
42 0 10

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

DaisyVo
Shopify Partner
4385 486 579

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