Hey Leo,

You don't need that plugin to run the Header Builder in Bifrost, you simply need the Neuron Core and Elementor, that's the two plugins you need.

Please check our online videos about the header builder:

- Video URL

Kind Regards

May I know just one more thing, how many headers you have created? Can you please create one more header and see if that appears, to some hostings due some low server settings, if there is only one header they're not appearing from Customizer, but soon as you create 1 more header, they're displaying. I am marking it as a bug, but until we find a solution, please try adding 1 more, or add it via the page settings.

Kind Regards

You are welcome anytime, feel free to ask for anything you need

If you like our theme, please leave us a rate with 5 stars at ThemeForest, that would help us a lot.

Kind Regards,
NeuronThemes

Hey Leo,

There is a very handy setting called Responsive, where you will be able to show/hide the section or column in certain sizes.

- http://prntscr.com/n97fff

You can check it also here on this online video in Youtube.

- Video URL

Feel free to ask for anything you need.

If you like our theme, please leave us a rate with 5 stars, that would help us a lot.

Kind Regards

Hey,

You're welcome anytime

This is how you change the underline in active and in hover. Also the last line changes the color

header li.menu-item.current_page_ancestor > a,
header li.menu-item>a:hover {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 1px 0 #000 !important;
    box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 1px 0 #000 !important;
    color: your_color !important;
}

To change the color of the menu background when scrolling, please add the following style.

header.headroom.headroom--not-top {
    background-color: your_color !important
}

Feel free to ask for anything you need.

Kind Regards

Ah okay,

The first lines were to change the color and the underline in normal mode and below I will paste on scrolling.

header.headroom--not-top ul li.menu-item>a {
    color: your_color !important;
}

Feel free to ask for anything you need.

Kind Regards

Hey,

Please add the Custom CSS in Apperance > Customize > Additional CSS.

Because that is valid only for the selectors of that page and not for all pages.

Feel free to ask for anything you need.

Kind Regards

Can you please provide me with an URL of your website, so I can check what's going on.

Kind Regards

Unfortunately, I am not able to log in, can you please check?

The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.

Again the same, can you please disable the coming soon mode?

So I can check the website and provide you with CSS.

Kind Regards

Hi,

This is for the hover that you're using on the all header.

.elementor-19789 .elementor-element.elementor-element-10aef30:hover .m-nav-menu--horizontal > ul > li > a {
    color: your_color !important;
}
As for the sticky header that changes, it seems like you were using a third-party JS on that, that was the reason of not working.

.elementor-element-10aef30:not(.she-header-transparent-yes) .m-nav-menu--horizontal > ul > li > a { 
    color: your_color !important;
}

Feel free to ask for anything you need.

Kind Regards

Hi Leo,

Please disable the autohide option in header options, that's what you're missing.

Kind Regards

The reason why that is not working exactly as the following website, is because we use two headers, one for the normal and one for the sticky, so that's why there's a flipping between headers.

You can simply remove the sticky header and simply add the following style in your actual header.

.l-template-header-wrapper .l-template-header {
    position: sticky !important;
}

Feel free to ask for anything you need.

Kind Regards

Hey,

Can you please provide me with your wp-admin, there's some jQuery that can make that possible, I will explain after I will get that done.

Do not forget to make the reply private.

Kind Regards

Unfortunately, the WordPress information is not working.

The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later.

No worries, I will explain the whole process below.

1) Install and activate the plugin below:

- https://wordpress.org/plugins/insert-headers-and-footers/

2) Add the following jQuery.

<script>
jQuery(document).ready(function ($) {
    $(window).scroll(function () {
        if ($(window).scrollTop() > 100) {
            $('.elementor-19789 .elementor-element.elementor-element-10aef30').css('background-color', '#efbdbd');
        } else {
            $('.elementor-19789 .elementor-element.elementor-element-10aef30').css('background-color', '#fff');
        }
    });
});
</script>

You can change the 100, that is the 100 pixel offset from the top. You can also play with colors.

Kind Regards,
NeuronThemes

Hi,

Sure, you can simply add the following style, it will remove the underline in the mobile for the menu.

@media (max-width: 991px) {
    .elementor a:hover, .elementor a.active {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
}

Feel free to ask for anything you need.

Kind Regards