Archived topic
Image within container not showing on mobile (Relay)
5 replies · Started by Simon on February 17, 2022
Hey
I cannot see why this image will not display on mobile.
https://drive.google.com/file/d/1EsrXAIUGF6xZFoXo96Q2uoTcuws0-zRB/view?usp=sharing
It's from https://gpsites.co/relay/
Can anyone point me in the right direction, please?
Thanks!
*** Edit. I think I found the answer, here?
https://generatepress.com/forums/topic/section-background-images-not-displaying-on-mobile/
/***
Hi Simon,
That's not the case here.
In Relay's case, there's something to do with the Flexboxstructure.
If you want the image to show on mobile, just simply add some top padding to the parent container on mobile.
https://www.screencast.com/t/ofdREhpJXY
Hi Simon, it's George here, I designed the site. It was the intended behavior. The image is set as the grid container background. On mobile, it gets overlayed by the content so it's not visible. You can set some top padding on the grid container for mobile, as Ying mentioned, it will show a portion of the image at the top. Alternatively, you could set some bottom padding to show a portion of the image at the bottom.
Hey Ying and George!
Thanks ever so much for this. It gives me the option of showing the images now if I need to on some posts.
Cheers!
Excellent, thanks!
You are welcome :)
