Shopify Design

LaurenGlacia · ‎11-12-2021

Hi,

My Desktop Hero Banner looks fine, but gets cropped really bad on the mobile.

Is there anyway to make good of it? I would like the mobile to look somewhat similar to the desktop.

Desktop BannerMobile Banner

My website is www.laurenglacia.com

Thank you in advance for your time and help 🙂

KetanKumar · ‎11-12-2021

@LaurenGlacia

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.

@media (max-width: 749px) {
#shopify-section-hero #Hero-hero {background-position: left !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

KetanKumar · ‎11-12-2021

@LaurenGlacia

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.

@media (max-width: 749px) {
#shopify-section-hero #Hero-hero {background-position: left !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

Savior · ‎11-12-2021

@LaurenGlacia

1. Go to your store. Click on Actions > Edit Code.

2. In Assets > theme.css add below lines:

@media (max-width: 749px)

#Hero-hero { background-position: left !important;

}

If helpful then please Like and Accept Solution.

If helpful, please Like and Accept Solution.

Hire me or mail me | Shopify Design Changes | Custom Modifications In to Shopify Theme | Site Speed Optimization
Use GemPages Page Builder to build, design, and optimize your store. View app →

LaurenGlacia · ‎11-13-2021

Thank you @KetanKumar !

Your solution worked perfectly! And your speedy reply is outstanding 🙂 Thank you!

KetanKumar · ‎11-13-2021

@LaurenGlacia

its 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