[Debut theme] pictures get cut off by section height restrictions

Highlighted
New Member
1 0 0

Good day.

shop :marapro.us

Issue: I've added banned into image with text overlay section , selected very large section height, but the image i've added still gets cut off.

Original image:
https://cdn.shopify.com/s/files/1/0494/6336/1701/files/Website_banner_Mara_Pro-012.jpg 
How it looks on site:
cutOff.png



I read somewhere this section has 775px height restriction . My image has height of ~1000px. Would be grateful to get help with css code to enlarge section height to the height of the image.

 

Thanks in advance.

0 Likes
Highlighted

For cases like this you'd need to have a custom section coded in that displays an image using the <img /> tag instead of using background images (like debut does).

Yes, it's possible to seemingly fix it by throwing the background image more to the right/left/up/down so it looks fine on your own computer, but realistically it won't look the same in every single device, therefore it won't be responsive.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
0 Likes