FROM CACHE - en_header

Debut Theme Mobile Banner Cropped

Solved
LaurenGlacia
Excursionist
29 0 11

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 BannerDesktop BannerMobile BannerMobile Banner

 

My website is www.laurenglacia.com

 

Thank you in advance for your time and help 🙂

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
34466 3448 11286

This is an accepted solution.

@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

Replies 4 (4)
KetanKumar
Shopify Partner
34466 3448 11286

This is an accepted solution.

@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
Shopify Partner
521 106 145

@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
Excursionist
29 0 11

Thank you @KetanKumar !

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

KetanKumar
Shopify Partner
34466 3448 11286

@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