Adding background image to a section

whats good Anna,

thank you for this. 

we’re having trouble constraining images in mobile no matter how the image is formatted [e.g. fill vs constrain. ] or the size it is uploaded in.

in the example attached:
1st section has a image block 
2nd has a section background.

as you can see the image in the 2nd section is too tall in mobile and goes over the first fold.

why is this important:
2nd section has text over the top [bottom left of section]. in order to have the same effect it seems in the 1st section the only way to do is having text overlay on the image [photoshopped on]

proposed solution:
is it possible to constrain the image for mobile so it shows the full image with correct cropping rather than zooming in, can this be supported by using padding or spacers?

Hey @Vbeebs,

You can certainly move whole sections at a time within a template! The only constraint is that you wouldn’t be able to move a section into an area that’s already wrapped in a section. Essentially, you wouldn’t be able to nest a section within a section. Sections can only stack on top of each other, but moving them and reordering them in your template is totally doable! 

For example, in my screenshot above, I can can certainly move Section 1 either below Section 2 or Section 3. However, I would not be able to move section 1 under the “Main Heading” section of Header 2. 

David

Hello!

Quick question, is it possible to make the background image clickable so that no matter where the mouse is over that section it’s a clickable area?

Right now I have to use an image that I edit outside of Klaviyo to add text and a button to ensure that the entire thing is clickable, however I would rather add a URL to the background image so I can add text and buttons inside of Klaviyo.

Thanks!