Image with text overlay changes size on mobile and desktop. How to fix?

Solved
MattSmith1
Excursionist
19 0 6

Hello,

I am trying to set a nice pic near the bottom of my website.  It looks great right now on mobile, but on desktop, it is cut off.  It actually adjusts to the size screen.  If I shrink my screen size down, the image moves with it.  Is there a way to make it look nice and stay with the screen?

See the 2 screenshots below. See how it changes when minimized. Is there a way to keep mobile the way it is and make it look similar with desktop?

website- thewoodgrainframe.com, password Matt

Thanks,

Matt

On full sized screenOn full sized screenminimized screenminimized screen

KetanKumar
Shopify Partner
22352 2268 8346

This is an accepted solution.

@MattSmith1 

sorry for that issue can you please try this code 

add this code your css file bottom of the page

#shopify-section-hero-2 .hero {
    background-color: transparent;
    background-size: contain;
}
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
MattSmith1
Excursionist
19 0 6

Thanks @KetanKumar 

0 Likes