Image with text overlay on mobile hard to see

[Dolly_Lana]

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]

@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!

[Dolly_Lana]

@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.

[dmwwebartisan]

@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!