Different images for mobile than desktop web

Solved
boxingcentral
Explorer
79 0 20

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

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
32482 3262 10835

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

View solution in original post

Replies 10 (10)
KetanKumar
Shopify Partner
32482 3262 10835

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
277 52 87

@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
boxingcentral
Explorer
79 0 20

@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
32482 3262 10835

@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
boxingcentral
Explorer
79 0 20

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
32482 3262 10835

@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
79 0 20

thanks alot my friend appreciate that 

KetanKumar
Shopify Partner
32482 3262 10835

@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.

KetanKumar
Shopify Partner
32482 3262 10835

@uspstudio1 

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

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