Image banner not showing up on mobile view

be_tween · ‎12-27-2023

I tried different solutions that were posted under a similar subject. The top image banner shows the image in desktop but in mobile view, it only shows the text. My shop is be-tween-2751.myshopify.com.

Dan-From-Ryviu · ‎12-27-2023

Hi @be_tween

Please open Online store > Themes > Edit code > theme.liquid file, add this code below after <head> element

<style>
@media (max-width: 749px){
#Banner-template--21800212332854__image_banner .banner__media {
    position: absolute;
}
#Banner-template--21800212332854__image_banner .banner__media img {
    position: absolute;
    height: auto;
}
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎12-27-2023

Hi @be_tween

Please open Online store > Themes > Edit code > theme.liquid file, add this code below after <head> element

<style>
@media (max-width: 749px){
#Banner-template--21800212332854__image_banner .banner__media {
    position: absolute;
}
#Banner-template--21800212332854__image_banner .banner__media img {
    position: absolute;
    height: auto;
}
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

be_tween · ‎12-27-2023

Thank you! It worked!

Dan-From-Ryviu · ‎12-27-2023

Very welcome

- Found this helpful? Hit "Like" and "Accept as Solution"!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Image banner not showing up on mobile view

Image banner not showing up on mobile view

Community Blog Articles