Remove navigation from header

[rkassebaum]

Say, If I want to remove the navigation from the header of a pro theme. What is the best way to do this?

[rkassebaum]

I was able to remove the buttons. However, how do I remove the space that was left for the navigation? https://drkarenkassebaum.com/

[ruenel]

Hello @rkassebaum,

Thanks for writing in!

Do you want it display it like this?

You can simply go to Cornerstone > Theme Options > Headers > Navbar and set the “Top Height” to 0.

Kindly let us know how it goes.

[rkassebaum]

I was trying to get rid of the white line. I’ll see if I can get rid of it from the first element on the page.

[tristup]

Hi @rkassebaum,

The white line comes due to the Navigation of which height is set to 0, you need to hide the Navigation by adding the following code into the Theme Options > CSS.

body.x-navbar-fixed-top-active .x-navbar-wrap
{
    display:none !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

Thanks