Fixed nav bar scrolls too far

[sumtarr]

Hello! I am working with Ethos. I have edited my css to make my nav bar transparent with no lines. However, I cannot remove the tiny vertical line between the menu items. Also, when I scroll to the bottom of the page, the navbar and logo scroll just a bit too far and cover the body text. Any ideas?
I have a maintenance page up at the moment. Please let me know if you need login details to view the home page.

[ruenel]

Hello There,

Thanks for writing in!

I have logged in and checked your site. To remove the vertical line in your menu, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar .desktop .x-nav>li>a {
    border: none;
}

So that the navbar and logo will not cover the body text, please set your navbar top height. Go to X > Theme Options > Headers > Navbar and set the “Navbar Top Height” to 163 because this is the actual height of your navbar.

Hope this helps. Please let us know how it goes.

[sumtarr]

Thank you! I got rid of the lines. I’ve realized that with having a transparent fixed nav bar, the menu text and logo are always going to overlap the body text when I scroll. Is there a way to keep the look of the transparent background on the navbar, overlapping my slider photo, but keep it static at the top of the page? I hope that makes sense!

[sumtarr]

meh, nevermind…I think I will just put the logo in the slider instead of in the navbar…then it won’t matter so much.

[ruenel]

Hey There,

It’s good to know that it works out for you and that you have found a way to resolve your logo issue.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.