My image with text overlay

SwayWayHair
New Member
2 0 1

My image with text overlay won't resize correctly. On desktop view, it shows well when I switch to mobile view or full screen it is not responding correctly.

Replies 4 (4)
KetanKumar
Shopify Partner
25097 2513 9080

@SwayWayHair 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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
SwayWayHair
New Member
2 0 1

swaywayhair.com

KetanKumar
Shopify Partner
25097 2513 9080

@SwayWayHair 

thanks for url can you try its

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
#shopify-section-16345455948c03afb6 .hero--medium {
    height: 120px;
}
}

 

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
Natztech
Shopify Partner
2238 565 1373

hello @SwayWayHair 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
#shopify-section-16345455948c03afb6 .hero--medium {
    height: 120px !important;
}
}