Banner split on desktop view and no longer visible in mobile view

Tymon
New Member
5 0 0

 I did the different banner image for mobile and for desktop, but something went wrong. I did changes in the code from one of the posts, but it didn't work and it splits my banner into two and doesn't show the second image only grey area, same on the mobile view. Now I erased the code to go back to default, but it didn't work either. Can you help me?

 

 

theme view mobile.pngTheme view pc.png

Replies 5 (5)

theycallmemakka
Shopify Partner
1482 337 360

Hi @Tymon ,

 

Can you provide link to the store?

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Tymon
New Member
5 0 0

moziko.pl

theycallmemakka
Shopify Partner
1482 337 360

Hi @Tymon ,


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>
.banner__media+.banner__media {
    display: block;
}

.banner__media:first-child {
    width: 50%;
}
</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!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Tymon
New Member
5 0 0

Thank you for your reply. Now it shows two images when split, but won't go back to one image when I delete the second image. On the mobile view with first image on, shows no image at all, and with second image on splits banner again with grey area. Is it possible to make it one image on desktop view and one different iamge on mobile view?mobile view one image.pngmobile view two images.pngone image.pngtwo images.png

Tymon
New Member
5 0 0

Hey, are you still there? :v