Change Fullwidth Sub Menu color on scroll

Hey Gavin!

Instead of using custom menu, can you please go to Appearance > Menus and create a new menu with your anchor points and then edit your element and choose to display that menu?

Best regards,
Yigit

Hey!

Please add this code in the functions.php file courtesy of Marcus Ekwall from jsfiddle:

// menu active
function add_custom_script(){
?>
<script>
(function($){
	// Cache selectors
var lastId,
    topMenu = $(".av-subnav-menu"),
    topMenuHeight = topMenu.outerHeight(),
    // All list items
    menuItems = topMenu.find("a"),
    // Anchors corresponding to menu items
    scrollItems = menuItems.map(function(){
      var item = $($(this).attr("href"));
      if (item.length) { return item; }
    });

	// Bind to scroll
	$(window).scroll(function(){
	   // Get container scroll position
	   var fromTop = $(this).scrollTop()+topMenuHeight;

	   // Get id of current scroll item
	   var cur = scrollItems.map(function(){
	     if ($(this).offset().top < fromTop)
	       return this;
	   });
	   // Get the id of the current element
	   cur = cur[cur.length-1];
	   var id = cur && cur.length ? cur[0].id : "";

	   if (lastId !== id) {
	       lastId = id;
	       // Set/remove active class
	       menuItems
	         .parent().removeClass("active")
	         .end().filter("[href=#"+id+"]").parent().addClass("active");
	   }
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Use this in the Quick CSS field afterwards:

#top .av-subnav-menu > li > a:hover, #top .av-subnav-menu > li.active > a {
    background: #2F3F4F;
    color: #FACC08;
}

Regards,
Ismael

Hi!

Did you remove the code? Please add it again then post the login details here. We will check it.

Best regards,
Ismael

Hi,

Yes, we will need WordPress login details to check the code. Please post them in the Private Content area of your reply.

Regards,
Rikard

Hi!

We added a little css modification. Please remove browser cache or hard refresh the page.

Best regards,
Ismael

Hi,

Glad we could help :-)

Thanks,
Rikard