Weird Space Under Menu

[Sarah_S]

Hello, after we ran the theme update, there is now extra space under the header on all the inside pages.

URL: https://hinrichsenranch.com/about-us/

Can you help with how to get rid of this extra space?

[tristup]

Hi @Sarah_S,

Thanks for reaching out.
That is not any space, it is due to the Height of the Logo. To make the Hero image behind that like the Slider in your home page, you need to add some custom CSS code shown in the following documentation, but it is only for the Home page, you need to change the .home to .page.

Stack the Navbar over Masthead Slider | Themeco Docs

Your code will look like the following.

@media(min-width: 980px) 
    {
        .page .masthead  
        {
            position:absolute;
            width:100%;
            background-color:transparent !important;
        }
        body.x-navbar-fixed-top-active .x-navbar-wrap 
        {
            height: auto;
        }
        .page .x-logobar,
        .page  .x-navbar, .page .x-topbar  
        {
            background-color: transparent !important;
            box-shadow: none;
            border: 0;
        }
    }
    .x-navbar .desktop .x-nav>li>a 
    {
        border-right: 0px ;
    }

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 which 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 of One, where we answer the questions beyond normal theme support.

Thanks