Background Image in Row - How to adjust position using CSS

Hello!

I’m able to set the size and position values in the inspector but how do I adjust for smaller displays? The text labels are not select-able like most other properties. And, assigning a class doesn’t work. Nor does using element CSS field because I need to use media queries.

I would like to move the woman to the left for mobile displays.

Thank you!
William

Hello William,

Thanks for writing in! Regretfully the Background Layers options are not responsive. If you want to adjust something, you can use custom CSS and target the specific screen with the @media CSS statement. If you are not familiar with the CSS coding, you can utilize a DIV element, and position it as “Absolute” so that it will have the same width and height of the Section element and then this is where you can insert your background image. With the “Hide During Breakpoints” option of the DIV element, you can select which DIV element displays on which screen size. For example structure;

Cheers.

Thankyou Ruenel, you’re the best!

Hi William,

Glad that we are able to help you.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.