Different images for mobile than desktop web

[boxingcentral]

I have two different images, one for the website one for mobile.  How can I add my mobile image so that on mobile it displays that image instead of the desktop version?

site: www.imjustboxing.com pass: 0000

[KetanKumar · Accepted solution]

@boxingcentral 

sorry for this issue please try this code

https://www.mojoin.com/show-shopify-banner-image/

[NerdCurator]

@boxingcentral 

[boxingcentral]

@KetanKumar thank you my friend worked well, how can I make it cover the full screen? there are some gaps on the sides the images don't fill the whole page

[KetanKumar]

@boxingcentral 

oh sorry can you please share issue image so i will guide you

[boxingcentral]

the image doesn't cover the whole page. It's got black parts on the edges.

same on mobile, how can I make the images cover the whole section without the black edges.

[KetanKumar]

@boxingcentral 

sorry for this issue please add this css code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.yx-desktop-banner-container, .yx-mobile-banner-container {
    padding: 0;
    max-width: 100%;
}

[boxingcentral]

thanks alot my friend appreciate that 

[KetanKumar]

@boxingcentral 

it's my pleasure to help us

[uspstudio1]

Will this work for the Theme Narrative? Thank you.

[KetanKumar]

@uspstudio1 

Yes, its work all theme doesn't matter theme please add and let me know if any issue