Different images for mobile than desktop web

Solved
boxingcentral
Explorer
75 0 19

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
Shopify Partner
20578 2130 7791

This is an accepted solution.

@boxingcentral 

sorry for this issue please try this code

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
NerdCurator
Shopify Partner
253 49 84

@boxingcentral 

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
0 Likes
boxingcentral
Explorer
75 0 19

@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
Shopify Partner
20578 2130 7791

@boxingcentral 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
boxingcentral
Explorer
75 0 19

Screenshot_2.png

 

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
Shopify Partner
20578 2130 7791

@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%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
boxingcentral
Explorer
75 0 19

thanks alot my friend appreciate that 

KetanKumar
Shopify Partner
20578 2130 7791

@boxingcentral 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
uspstudio1
New Member
2 0 1

Will this work for the Theme Narrative? Thank you.