Hi, im having trouble getting the text overlay on an image to show on my mobile version but it works on my desktop version.
website www.luxe54avenue.com
@Rhirayy - which image has the issue? can you please give screenshot?
@Rhirayy - can you please give the page link of the screenshot?
@Rhirayy - it will look bad on mobile view
is it possible to change the text to white?
@Rhirayy - will look like this -
Yes! Perfect, thank you so much !
@Rhirayy - try by adding this css to the very end of your base.css file and check
@media screen and (max-width: 749px){
.banner__media {position: absolute !important;}
.banner__box {padding: 4rem 3.5rem; background: transparent; color: #fff;}
.banner__heading{color: #fff;}
}
Still looks the same
@Rhirayy - please check first screenshot , check selected line,its parenthesis that is closing bracket “}” is not present , you need to add it before media query like second screenshot and it should work
Sorry but it still doesn’t work
1 Like
Thank you so much!