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

[Tymon]

 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?

[theycallmemakka]

Hi @Tymon ,

Can you provide link to the store?

[Tymon]

moziko.pl

[theycallmemakka]

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

[Tymon]

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?

[Tymon]

Hey, are you still there? :v