"image with text overlay" mobile image alignment. debut theme

Solved
Highlighted
Excursionist
16 0 11

hi all! i am looking to fix the alignment of my photo in my  "image with text overlay" section.

store URL: https://myjerseyposter.com/

right now my mobile "image with text overlay" looks like this:

Screen Shot 2020-11-19 at 5.30.36 PM.png

i want my photo to be aligned so on mobile it looks like this:

mobile mockup.png

thank you for any help!

 

Highlighted
Shopify Partner
9466 1195 3327

This is an accepted solution.

@myjerseyposter 

Thanks for post 

can you please try this code

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-1588212631059 .hero--large {
height: 400px;
background-position:  90% !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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Excursionist
16 0 11

@KetanKumar thank you sir!

Highlighted
Shopify Partner
9466 1195 3327

@myjerseyposter 

Thanks for update and support.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes