Image with text overlay on mobile hard to see

Dolly_Lana
Excursionist
23 0 4

My section with an image and text is hard to see on mobile, it's dark and the text overtakes the photo. Any fix to get it mobile friendly? www.dollylana.com

dmwwebartisan
Shopify Partner
4373 980 1252

@Dolly_Lana 

Please add the following code at the bottom of your assets/styles.scss.liquid file.

@media (max-width: 767px){
.mobile_hidden { display: block !important; }
}

 

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Dolly_Lana
Excursionist
23 0 4

@dmwwebartisan I added that code but it generated a duplicate of my main header image, placed directly on top of each other as well as the image I was trying to fix. Both were duplicated and stacked together.

0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

@Dolly_Lana 

Please try the following code.

@media (max-width: 767px){
.feature-section .mobile_hidden {  display: block !important; }
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes