Thank you, Ben! Items 1-3 have now been resolved. Is it possible to display the fixed header menu, but hide the logo when the page is scrolled?
Try adding the JS code below to the Javascript Code section on the customizer.
(function($){
$(window).scroll(function() {
var scroll = $(this).scrollTop();
if (scroll > 200) {
$('.fl-page-header-primary').addClass('fl-header-scrolled');
} else {
$('.fl-page-header-primary').removeClass('fl-header-scrolled');
}
});
})(jQuery);
This adds a class to the header once you’ve scrolled about 200px from the top. Feel free to change that value. The CSS below then hides the logo once the class is added.
.fl-header-scrolled .fl-page-header-logo {
display: none;
}
Ben
Problem solved - Thank you!
Awesome! Enjoy BB!
Ben