Image with text overlay for mobile site not resizing

Solved
DrmzLB34
New Member
2 0 0

Hello!

I have been trying to do some research on here and have tried various codes I found with others having a similar problem, but it just doesn't work for me..

 

I paste under the asset theme.css but still no change.

I have two image with text overlay by the top and the bottom before the footer...

 

Kindly help... Thank you!

 

mobilemobiledesktopdesktop

 

https://theblossomeddreams.com/

 

 

Accepted Solution (1)

Accepted Solutions
Michael_Pink
Navigator
297 51 68

This is an accepted solution.

Hi @DrmzLB34 
You can try follow this path:
Themes => edit code => asset => theme.css.liquid
and add this code to bottom of the file theme.css.liquid

 

@media(max-width: 749px){
#Hero-hero-1 {
height: 48vw!important;
}
}
My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageFly PageBuilder App.
shopify.expert.team@gmail.com

View solution in original post

Replies 4 (4)
Michael_Pink
Navigator
297 51 68

This is an accepted solution.

Hi @DrmzLB34 
You can try follow this path:
Themes => edit code => asset => theme.css.liquid
and add this code to bottom of the file theme.css.liquid

 

@media(max-width: 749px){
#Hero-hero-1 {
height: 48vw!important;
}
}
My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageFly PageBuilder App.
shopify.expert.team@gmail.com

View solution in original post

DrmzLB34
New Member
2 0 0

yay! so the top image is fixed, could you please help with the bottom one as well???? Thank you sooooo much!!Screen Shot 2021-08-26 at 10.04.19 PM.pngScreen Shot 2021-08-26 at 10.04.47 PM.png

Michael_Pink
Navigator
297 51 68

You can replace the code above with this:

@media(max-width: 749px){
#Hero-hero-1,
#Hero-hero-2 {
height: 48vw!important;
}
}

 

My life is sharing.
I hope my solution can help you save at least 1$
Build Page faster with PageFly PageBuilder App.
shopify.expert.team@gmail.com
FKsr
New Member
1 0 0

Hi,

 

I have the same issues and tried many different codes, buy i guess it has to match the website.

Could some one please help me het my image with tex overlay to fit a mobile device.

Thanks!

https://achedaway-europe.myshopify.com

PW: Welcome2021!