Docs

[hrachovec]

Hello:

I am trying to close a gap that appears near the top of my browser window. I think it’s caused by the height of the navigation bar.

I’ve made an attempt to fix it using the position CSS rule, but that shifts only one part of my layout up and creates a new gap further down. Please see this Evernote for a description of what I mean:

https://www.evernote.com/l/AASO-Nm6l7VNw6lI7vWVXFrNXT2ECamVAVM

The page in question is here:

http://certeco.co.uk/new/category/events/

Any ideas?

Cheers, Russell

[Thai]

Hey There,

Please add the following CSS:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
}

Hope it helps 🙂

[hrachovec]

Yes, that’s great. Thanks!

[Darshana]

Glad we were able to help 🙂

[hrachovec]

Hello:

Maybe I spoke too soon. It was working yesterday but it’s not today. I checked the CSS and the rule is still there. But when you load a page, the image doesn’t appear below the transparent navigation bar. If you scroll slightly, it’ll jump up and look correct.

I tested on 2 machines and am seeing this. Any ideas?

R

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[hrachovec]

This reply has been marked as private.

[Paul R]

Hi R,

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

.home .masthead {
   position:absolute;
   width:100%;
}

Hope that helps.

[hrachovec]

Thanks, but I’m afraid it hasn’t done anything. I’ve got the 2 CSS rules from this thread at the top of my stylesheet but the problem seems to remain. Are you seeing the image appear behind the navbar when the page loads?

R

[Joao]

Hi There,

It seems it have worked

Please clean your cache and try it again.

Thanks

Joao

[hrachovec]

Hi Joao:

I’m really sorry but this is still not working. I’ve gone to a machine which has never been on the site, I’ve cleared the cache and I’m still getting the problem. My client has picked up on it too on their machines. I realise they may not have cleared their cache, but I’ve done so several times on 2 different machines and I’m experiencing the error.

I’ve put some screenshots here: https://www.evernote.com/shard/s4/sh/ee4c99fe-0fe4-4a3f-8327-615e999f12a1/a473e8e5c9713de3821d795ce60fc126

Any ideas?

Cheers, Russell

[Jade]

Hi Russell,

Please try to add this code:

.page .masthead {
   position:absolute;
   width:100%;
}

Hope this helps.

[hrachovec]

Hi there:

Yes, that seems to have done the trick. Thanks!

R

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts