There is a white gap above my image I cannot reduce and I don’t know why.
I could add a negative margin using some custom CSS, but instead I want to understand why the builder is adding this gap in the first place.
How can I remove the gap using the native builder controls?
See here full description here with video: https://www.loom.com/share/a65277c75de34d20a559f02fe937eb06
See live version here (must be in mobile view to see): https://www.killthebill.com.au/
Hey @thecashbag,
The space you see is supposed to be the space for the Bill Shock text. Technically, what’s happening is the Headline’s position is relative and you added the top position of 130px. The headline went down from its original position by 130px but it still occupies the original space.
A simple solution I could think of right now is to absolute position the headline and then add a Gap element above your image and hide the gap element on mobile using the Hide During Breakpoints feature. That way you have a space above the image on desktop but not on mobile.
Below is a video showing the Gap element as a responsive spacer.
Hope that helps.
That works great thanks!
I didn’t need to add the gap on desktop anyway. So just absolute positioning it fixed it 
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.