Hey Support Ninjas!
On my homepage I have a Color Section up top where I’ve ticked the box to show video, and then also the “don’t show on mobile” box so that the background image is the fallback seen on mobile devices. Works like a charm.
On my sub pages, I have a color section that is an image only, and it looks great on desktops. But on mobile phones, the text covers the model’s faces.
I’ve with your help tried to move the text using CSS but it’s always imperfect and seems to be broken with new updates.
So my question is: Is there a way we can assign a fallback image for mobile devices only when using a color section as the main background image? Basically exactly what you have set up with the video on color sections, but using an image instead of the video.
THANKS!!!
-Robbie
Hey moniot,
Can you please point us to a page and the section in question. You could have a different image assigned via css, or just have no image.
Best regards,
Victoria
Hey Victoria!
I want to do this on the very top color section of every subpage, i.e. all six of the pages linked from the SERVICES menu. (The photos of the models with the services offered text, i.e. PLASTIC SURGERY
Does that make sense? : )
-Rob
Hi Rob,
I think the easiest way to have more control over the image on mobile device would be to add an extra Color Section and to have that showing on mobile only. That gives you the ability to upload an image which is better adapted to smaller screens, could that be an option maybe?
Best regards,
Rikard
OK, that is so simple and obvious… DUH!!! I really must get more sleep. : )
Works like a charm, thanks Rikard!!!
Hi,
Hehe, I know the feeling :-)
Glad we could help you out. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
You can close this, thanks bro. : )
-Rob