Removing subheader moves page content to top (below the header)

rippedpants · September 2018

Hi,

I have an issue with the first page of a customers website with betheme (just bought a few weeks ago) which should be the entry point for two one-pages.

This site should be fixed (no scrolling) - but the scroll bar is visible with the following settings:

1. Hide subheader for that page

2. one section with ADVANCED -> Style: Full Screen

When I disable Section -> ADVANCED -> Style: Full Screen the content of that page moves under / below the header and you see a blank white space between the section and the footer.

In my opinion, the blank white space and the point that the content moves up is the main problem. How can I disable this behaviour of that page?

Please tell me, how I can send you screenshots.

Thanks in advance.

Pablo · September 2018

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

rippedpants · September 2018

Link to page: https://wp.kaleidokosmos.de/

at the moment, the "Section -> ADVANCED -> Style: Full Screen" is disabled.

Pablo · September 2018

There is no subheader in this page, but, paste this Custom CSS into Theme Options > Custom CSS & JS > CSS to make it fixed.

body.page-id-315 #Header{
	padding-bottom:120px !important;
}

To fix your footer, you have to change the footer style.
Go to Theme Options > Footer and change style to Sliding.
http://prntscr.com/kvqu7e
If this style won't satisfy you, check the others.

Thanks

rippedpants · September 2018

your CSS code doesn't fix my issue.

I have activated the following again:

"Section -> ADVANCED -> Style: Full Screen"

I'm not sure, why it is scrolling since there is nothing more.

Is something wrong with the header?

Pablo · September 2018

You have a Custom CSS inserted for #Content

http://prntscr.com/kvtg0c

Delete it and everything will be working fine.

Thanks.

rippedpants · September 2018

I see what you mean, but I haven't configured anything like this in Custom CSS.

I also didn't find anything in the theme options or on the page itself.

Is there any other place where it can be configured?

Can I edit the raw html / css page?

Pablo · September 2018

Please add this Custom CSS into Theme Options > Custom CSS & JS > CSS

body.home #Content {
	margin-bottom:0px !important;
	padding-top:0px !important;
}

Thanks.

rippedpants · September 2018

Hi thanks.

But a little bit scrolling is still there.

Another question:

In parallel I'm building an onepage with sticky footer.

https://wp.kaleidokosmos.de/onepage/

Why are the two boxes at the beginning of the page under "Vorteile" in front of the footer?

I used "move up" to overlap the boxes with the previous section.

Pablo · September 2018

That's because this 'moved-up' item have bigger value of z-index than sticky footer.

To fix it, please paste this CSS

body.page-id-423 .bg-cover{
	z-index:0 !important;
}

Thanks

rippedpants · September 2018

Thanks so much!!!

Removing subheader moves page content to top (below the header)

Comments

This website uses cookies