Header/Navbar pushed down while logged in

[Hyperbits]

When logged in on mobile, the navbar/header area is pushed down the amount of space that the wp-admin bar usually occupies at the top of the page. I couldn’t find a culprit for this break in layout. The screenshot is from a browser but it is happening on mobile devices as well.

Thank you.

[tristup]

Hi @Hyperbits,

Thanks for reaching out.
It is very difficult to recognize the issue without logging in. Can you please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[Hyperbits]

Thank you @tristup, I have added the secure note.

[ruenel]

Hello @Hyperbits,

The empty space was actually because of the WP Admin bar.

This is because when you are logged in, there is an automatic top margin to make room for the WP Admin bar. You can ignore this as this will not display if you are logged out.

Best Regards.

[Hyperbits]

Hi @ruenel, thank you for the info. Is there some admin CSS or another way to fix this margin even for logged in users?

[ruenel]

Hello @Hyperbits,

Sorry for the confusion. It turns out that you added a custom CSS in Pro > Theme Options > CSS:

.admin-bar .x-bar-fixed {
  top: 32px !important;
}

Please remove this code from line 432 to line 434 to get your issue resolved.

Best Regards.