Astra Theme Full Width Layout Problem – Margin Gap Disappeared!!!

Hello,

I have been using the Astra theme to create my website, but one of the problems makes me mad as I have been searching for the proper solution for whole days, still no lucky yet.

When I switched to Full-width, no sidebar layout, the margin gap between header and container completely disappeared. no matter what I tried, just not possible to add 4em margin gap between header and container.

This problem does exist on all single post, single page and single product (Woocommerce)

My problem is the same as this guy:

https://ww.wp.xz.cn/support/topic/huge-astra-problem/

He claimed to solve this problem by using the following codes:

.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 4em;
    margin-bottom: 4em;
}

Yeah, this code can solve the gap problem on a single product page, post, and inner pages, however, if you do a full cover home page design, this code also adds a 4em gap on the top bar.

Check this – https://imgur.com/nRq6Keo

The white top bar should be covered by the green background, if no that code is added.

So, I don’t think that code is an ideal solution, but instead, I think this should be solved by adjusting the setting over the Astra option panel, no need to add any CSS code.

I really appreciate if anyone can help me solve this out.

Thanks a lot

Steven