Debut Theme Mobile Banner Cropped

Solved
LaurenGlacia
Tourist
15 0 6

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
24923 2498 9041

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
24923 2498 9041

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

Savior
Pathfinder
100 16 40

@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.
LaurenGlacia
Tourist
15 0 6

Thank you @KetanKumar !

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

KetanKumar
Shopify Partner
24923 2498 9041

@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