Docs

[Ben]

Hi,

I am having some trouble with the navbar on a site I am building. It is acting a little wonky. Notably, it is extending over into the top section of the site and the lines outlining the links and hover are out of place. I can’t seem to figure out why on either of these. Is this a problem that has been encountered before? I could not find anything like it on the forum, but I could have been searching the wrong thing.

Here is the link. I hope it helps. I am happy to provide login credentials if necessary.

http://campisilaw.com/home/

[Thai]

Hi There,

Your website is under construction.

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 login 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.

[Ben]

This reply has been marked as private.

[Paul R]

Hi Ben,

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

.x-navbar .desktop .x-nav > li > a {
    margin-top: 30px;
    height: auto;   
    padding: 20px;
}

Hope that helps.

[Ben]

It did for the lines surrounding the navbar links. The navbar itself is still overhanging onto the top section of the page. If you are in cornerstone and hover over the top section, the highlighted area extends above the navbar. This is causing some pictures to be cut off. Is there any way to fix this? Essentially I want the very top section to sit flush the navbar before I ever scroll down.

[Zeshan]

Hi Ben,

Thanks for writing in!

This is because the height of your navbar is set to 0px under Header > Navbar > Navbar Top Height (px) in the Customizer (see: http://prntscr.com/91ysx6). Please change it to 122 and the issue will be resolved.

Thank you!

[Ben]

Thanks so much! Love the product and recommend it as much as possible.

[Rahul]

You’re welcome!

[Author]

Posts