Tagged: menu, mobile, responsive, ubermenu
I don’t understand why the menu is duplicated in the code for mobile versions, while the same code can be used with different css. This is not good for accessibility, as well as adds repeated code. The injection of code happens before the <header> as a UL with class “mobile-advanced”.
I was wondering:
1. Can this be removed completely?
2. Can this be toggled off somehow without messing with core theme files?
3. Can there be an alternative way for people that are using other advanced menu plugins such as UberMenu?
4. Can this be done somehow asap?
I’m using an alternative helper-main-menu.php within a child theme, but couldn’t find a way to remove this code injection. I’m also using UberMenu and WPML
My site is on http://facesofstalingrad.com/ and is currently in development (u: stalingrad, p: faces)
Thanks.
Z
Hi zohar!
You could remove it but there really isn’t a reason to as it doesn’t effect accessibility. Screen readers don’t render display: none and it allows for mega menus without a lot more bloated css to do a complete re-styling on mobile sizes.
You trade one block of code for another in a different area.
The theme had support for UberMenu if you want to use it instead of the themes menu. See: http://kriesi.at/documentation/enfold/ubermenu-integration/
Best regards,
Devin
Thanks for the reply. I already integrated it successfully. Was mainly asking about removing that code. I understand now that the menu is not showing. Cheers, Z