How to change gap offset after landmark header

For users of Pro, this took me a minute to figure out.

There is an offset gap of blank unusable space between the landmark header which has your page/blog/post titles (class="x-header-landmark") and the main body content (class="x-container"). In Ethos this gap is 35px by default, and I wanted it gone.

The other solutions in this forum didn’t work for me in Pro because all the posted solutions were missing > in the CSS. The > defines the parent/child relationship, and it didn’t work for me without it. If you need to alter this offset gap, this code worked for me.
.x-container>.offset { margin-top: 0px; }

It could be that the other posted solutions are correct for X, but not for X Pro. This is the solution I found in many places elsewhere on the forum. Note the absence of >
.x-container.offset { margin-top: 0px; }

One or the other should work for you. Just FYI…

1 Like

Thank you for sharing this information with us! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.