Content falls behind menu (pro)

[timschouwink]

Hi,

In some of the pages, the content falls behind the header section like in this page: http://nleqib-vilikagni.savviihq.com/categorie/vacatures/

I know you are working on a update on pro to solve the missing breadcrumbs for instance, but how do we fix this?

Thanks!

[friech]

Hi There,

Thank you for writing in, but would you mind providing us login credentials in a “Secure note” so we can take a closer look on how you setup your header?

Thanks.

[timschouwink]

Hi @friech

Done:)

Thanks.

[john]

Hey,

Thanks for the info

To solve this, adding following CSS under the code below to X > Launch > Options > CSS

.x-container {
 padding-top: 10% !important;
}

[timschouwink]

Hi!

This solution works! Thanks for the help.

Cheers.

[jade]

You’re welcome.

[timschouwink]

Hi @Jade,

Actually this code gives 10% top padding on all sections across the site (not only the header/top one). It must only affect the top section in blog page and also other pages that are affected in the header.

I can use this for instance:

.category-129 .x-container {
padding-top: 7% !important;
}

But I have to add each and every new entry (is undoable) and if the page have other sections they will get top padding to. I can solve this in normal pages by adding a gap but this is not the best way to go i guess…

Hot to solve?

Thanks!

[lely]

Hi There,

Please try to remove that custom CSS. Then on that specific header > Bar > Set Initial Position to relative.

Absolute means it will be floating and will not take space. Thus the content below it start behind it.

Hope this helps.

[timschouwink]

Hi @Lely,

This is the perfect solution. I just copy the header and make it Absolute only for the specific pages needed!

Thanks so much!

Cheers.

[jade]

You’re most welcome.