[id] attributes on the page are not unique

so let me guess that you have on Menu set two marks for the same Menu!
To avoid that – make a copy of your menu and set only one mark each.

Yes you have created one menu – and you set the mark for footer and top menu on that.
So this one menu ( each menu-item has now a unique id) is on each page/post once on top and once on footer.
so doubled.

If you create a footer menu – and mark it as footer-menu
create a top menu and mark that as top menu
they could have the identical content

To avoid double ids do not mark two fields in menu options:

on my Enfold 4.6.1 the hamburger Menu-Items do not get an ID – the main nav have f.e.: ID : menu-item-22 will end on the hamburger analogon as a class : menu-item-22

but even if it is handled in the past this way – yes they got the same ids – but if the one is visible – the other menu is at display: none – and vice versa.
Even the offical W3C Validator did not get it as Error ( maybe a warning)

Yes – and thats why i ask what version of Enfold you have installed – that of the demo is 4.4 !!!
so look if you got an older one too!

You are absolutely right – this will end up in a non valide html markup
Maybe in the future all could be done by classes ?

no – i see on a test installation with that setup – with nav below logo – the id of the ul ( and all others list-items ) are doubled.
So might be not necessary – but better to substitute this in the futur with only classes.

maybe – from this point of view – there had to be a different way to have logo top menu below.
on logo left menu besides – the ul is unique because the hamburger is part of that menu- not in an extra header child container.

i shortly tested it on my webers-testseite.de with:
but both menus ( in header_main and header_main_alternate) are identical due to helper-main-menu.php.

so a simple change of one ID with f.e. jQuery leads to the same ID of both – allthough selector is specific only for one of them. A remove of ID works ( too on both) – but will end in a non working hamburger.
So we had to solve it via source code. –
that is for all heading typs the same:

$avia_theme_location = 'avia';
$avia_menu_class = $avia_theme_location . '-menu';

and following:

'menu_id' 			=> $avia_menu_class,

i do not know how to solve this
this f.e. is always synchronized allthough specific
document.querySelector('#header_main_alternate #avia-menu').id = "newid";

• This reply was modified 5 years, 2 months ago by Guenni007.

Thanks – works – as always.

But i did it via a child-theme avia.js to remember me to the changings i made.
Is that the correct code? a lot has changed since my last child-theme avia.js :

add_action( 'wp_enqueue_scripts', 'child_theme_avia_js', 10 );
function child_theme_avia_js() {
   wp_deregister_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), $vn, true );
}