Site logo

Archived topic

can't remove bottom margin from after header element on mobile view

5 replies · Started by Cynthia on December 23, 2021

Viewing posts 1–6 of 6

can't remove bottom margin from after header element on mobile view. screenshot attached

The website URL is clearly displayed on the screenshot.

Hi there,

It's actually the top-padding added in the first section from the page builder you are using:
https://www.screencast.com/t/9zddizIg0gQW

I'd recommend checking with the plugin's support team.

Thank you Leo.....I don't know how I overlooked that. I was able to correct that.

However, now I am having the same issue on another site. This time I checked the page builder elements. I have top-padding set to 0px for right above the video element. You can see some margin right below the header. I want to get rid of that unwanted white margin/padding right below the header. I've pasted this website below. Thank you

Hi there,

there is a Site Origin text width that contains the HTML for the video element, which has an empty paragraph before it.
If you can remove that empty <p></p> then great - or alternatively you can use this CSS so empty paragraphs don't take up space:

p:empty {
    margin-bottom: unset;
}
This archived topic is closed to new replies.