Docs

[kayes]

Hi!

On the following page: http://www.senseflydata.com/contact-us/, the actual top of page is hidden being the header and navigation. You can tell because when you resize the page to mobile, the top of the page comes down. You can also log into the site and see there is a section at the top, that clearly doesn’t show.

Thoughts?

[Rad]

Hi there,

Thanks for writing in.

Please to to Admin > Appearance > Customizer > Header > NAVBAR > Navbar Top Height (px) and change its value. The current value is 90 while navbar is floating (fixed positioned), hence, in order for it to push the content down, you have to increase its value. I think about 225px height.

Thanks!

[kayes]

This reply has been marked as private.

[Rue Nel]

This reply has been marked as private.

[kayes]

I understand what you are saying, but it still doesn’t work.

See this: http://prnt.sc/cnmvip. Plus there is a giant gap now between the menu and and the header. Not mention the sub-menu (as seen in the screen shot) also has a giant gap in it.

And the contact page is still not showing the header: http://prnt.sc/cnmvzz, though it does when you resize the browser or view on mobile: http://prnt.sc/

The About Us page is also odd. http://www.senseflydata.com/?page_id=62.

I have changed the size back now to 90 to make the giant gap disapear.

[Rue Nel]

Hello There,

I have logged in to your site and set it to 225px. You should have a page layout like this: http://prntscr.com/cnn0la
You might noticed that there is a huge gap (http://prntscr.com/cnn1as) between your title and the navbar. That is because, you are not using the page titles. You have a dedicated section for your custom headline that serves as the page titles. Please keep in mind that by default the custom headline has a default top margin. To be able to reduce or at leas remove the top margin, you’ll be needing to use the utility spacing class such as mtn or margin top none. For more details about element spacing, please check this out: https://community.theme.co/kb/element-spacing/

The output where the custom headlines with mtn class:
http://prntscr.com/cnn1kf

Hope this helps.

[kayes]

Ok, thanks!

The next issue is that the headline appears, but when I scroll down and then scroll back up to the top, the page won’t scroll back to the top again.

When you land on the page it looks like this:http://prnt.sc/co0arz

When you scroll down and scroll back up the top part is lost: http://prnt.sc/co09rl

[Paul R]

Hi,

To fix it, you can add this under Custom > CSS in the Customizer.

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 190px !important;
}

Hope that helps.

[kayes]

It does!

Thanks for all of your support. You give ’email only’ support a good name. 🙂

[Rad]

You’re so much welcome 🙂

[Author]

Posts