Whenever I create a Responsive Website I usually create 2 menus: 1 hidden and used for mobile and the other displayed as the main menu, then hidden to show the mobile menu. Whenever it comes to SEO and spiders navigating the website do I get dinged for having duplicate menus? Is there anything I can do to indicate to the spider that this menu is for mobile and this is the main?
The end reason why I have 2 different menus are because of location, usually the main menu is in some kind of bar underneath the logo etc, but the mobile menu I want on top of everything, so above the logo etc.
position:fixed
orposition:absolute
, additionally most frameworks such as bootstrap and zurb foundation have query pulls that can move elements around based on which device is accessing the page...<nav>
content, and style it differently given a particular media query breakpoint.<nav>
just displaying more items in the mobile version so it's easier to navigate.