Help with responsive background image in Layouts
Hi,
I’m using Layouts to display a background image with the parallax effect on my pages. It looks great on desktop, but on mobile, the important part of the image isn’t visible.
I’d like to either:
- Set a different background image for mobile, or
- Adjust the background position (e.g. align it to the right or left on smaller screens).
Can you please let me know:
- What is the recommended CSS selector for targeting the layout background?
- How to best handle this in a responsive way?
Thanks in advance!
Comments
Hi,
Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.
Thanks