Hide burger menu item

Hi,
To hide the menu item Actualité from the burger menu only on the page /toques-robes/ please try this css:

#top.page-id-13355 #av-burger-menu-ul .menu-item-21615 {
	display: none;
}

I added the page ID because your question in the original thread seemed to want to hide the menu item on the specific page, and the menu item class was different than above when I checked.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Your script is not going to work because the mobile item is not present until the burger menu is clicked, so when the page loads and the script runs the #top #av-burger-menu-ul .menu-item-21615 is not found.
CSS works because the rule is always available not just on page load, using the CSS solution for this simple rule is the best option but if you really want a script to do it instead try this one:

function custom_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){ 
  	$('#menu-item-21615').css({'display':'none'});
    $('.avia_mobile').on('click', '.av-burger-menu-main', function() {
    $('#top #av-burger-menu-ul .menu-item-21615').css({'display':'none'});
    });
  }(jQuery));
});
</script>
  <?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike