Solved

Why isn't my image with text overlay fitting correctly on mobile in Shopify?

2DRIPP
Explorer
46 0 16

can someone code my image with text overlay for mobile, I cant seem to get it to fit right on my mobile, desktop looks good just need it to fit right on mobile screens

 

pic taken from desktop I want this section named tracksuits to fit /adapt to screen 


Screenshot 2021-08-01 at 03.38.46.png

 

2dripp.com

 

pass: 123

Accepted Solution (1)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@2DRIPP 

sorry for that issue can you please try this 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

@media only screen and (max-width: 749px) {
#Hero-1627774273718cb1e8 {
width: 100% !important;
    height: 543px!important;
}
}

 

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 3 (3)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@2DRIPP 

sorry for that issue can you please try this 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

@media only screen and (max-width: 749px) {
#Hero-1627774273718cb1e8 {
width: 100% !important;
    height: 543px!important;
}
}

 

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
2DRIPP
Explorer
46 0 16

much appreciated 

 

KetanKumar
Shopify Partner
36839 3635 11972

@2DRIPP 

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