Image menu on responsive WordPress

I’m not sure what you are asking for, but I think you need some general suggestions. So:

1) Websites are made by three layers. WordPress (like others good CMS) creates “only” TEXT menu because this is the (fundamental) semantic layer.

1-b) Then, you can always add a presentation layer (css) or a behaviour layer (javascript) in order to create an Image menu, also if WordPress gives you just the semantic layer. You can reach this with some techniques, one of these is the image replacement technique.

2) If you have understood the two points above, you can also understand that is not so useful to generate on the server side two different html. All that you need is to create a good semantic HTML (WordPress does it!) and after, via css and javascript, you can add all your images and behaviours.

Related Posts:

  1. Navigation menu, remove item from desktop
  2. How to modify navigation menu of the “My Account” page in WooCommerce
  3. Custom ID for certain menu item?
  4. Add data-icon input to WordPress custom menu links
  5. Show current navigation path from menu
  6. How to highlight the right item in the navbar
  7. Add class to active top level (grandparent) menu item
  8. How to get Menu Navigation Labels to output HTML
  9. custom menu not found
  10. Number of items in a menu
  11. wp_nav_menu doesn’t generate parent/ancestor classes
  12. How to add text before WordPress menu item href
  13. Add an extra field to the navigation menu box?
  14. How do i style the current menu anchor link’s parent anchor link? [closed]
  15. Does the menu item ID ever change?
  16. Hide and show menu subpages
  17. BuddyPress – How to add logout in nav menu
  18. How to add a parameter to links in the nav menu?
  19. Benefits of using Nav Walker?
  20. Use walker for specific menu, or avoid use of walker
  21. Change where navigation bar links?
  22. Page-Linking Structure
  23. has_children in custom nav_walker
  24. How to have custom menu Item CSS Classes for wp_page_menu() or wp_list_pages()
  25. How to fix “Supplied nav_menu_item value missing property” after update to WordPress 5.0
  26. wp_nav_menu including Skype URL
  27. Highlight another nav item
  28. How to have two menus using Bootstrap nav walker?
  29. Change an li class name in a wordpress custom menu walker
  30. Separator for custom nav menu
  31. How do I add recent posts to the menu?
  32. Conditional secondary menus
  33. Making a navigation header menu with bulma, need some advice
  34. Programmatically add existing pages and subpages to Appearance Menu
  35. Determine the last child of the parent menu WP Nav Walker
  36. Nav and logo loading each time causing menu to move JointsWP – Foundation 6
  37. Navigation doesn’t render when wp is hosted
  38. Make a navigation menu in the same post [duplicate]
  39. Does is_child() exist in wp 3.5.1?
  40. Using _s theme, menu changes do not affect header menu
  41. Add span in top menu item with nested itens
  42. Show children (sub-navigation) of active menu item only
  43. Menu Arrow for Child Element
  44. Theme Location empty
  45. Responsive dropdown menu with smaller screen sizes
  46. Adding an external link to wordpress menu
  47. How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]
  48. Add a counter beside menu item label
  49. set certain item in nav walker to active when on archive pages or singles
  50. wp_nav_menu() | Outputting my own custom code using built in features
  51. The cart, checkout, and shop links not getting removed
  52. Twenty Fifteen: Change navigation menu behavior
  53. Switch an entire nav menu if user is logged in
  54. WordPress functions.php does not affect the theme menus
  55. Display Menu Navigation Label
  56. Menu is not displaying on the site navigation [closed]
  57. Odd spacing in Navigation Bar [closed]
  58. wp_list_pages Hierarchical Help
  59. How to avoid the and which added when custon menu widget is used
  60. Wp Nav Menu div containers
  61. Add pages content to startpage through custom menu
  62. Updated WordPress, now Navigation is Messed Up
  63. How to change how WordPress renders navigation menu on Block Themes
  64. Problem with links once in portfolio item
  65. Possible to append class to nav menu added to widget area?
  66. need help in wordpress navbar setup
  67. url_to_postid method in walker_nav navigation menu causing exceptionally high TTFB
  68. Add Different Class on Different Ul in twenty-twentyone theme
  69. Get Each Menu Nav Label of Menus in HTML tag
  70. wp_nav_menu container style args
  71. How can I click the parent menu then redirect to a special URL?
  72. How do I display menu in header without loosing styles?
  73. Adding additional html to the end of the root level in a custom nav walker
  74. Navbar is hidden behind carousel when using wp-boostrap-navwalker
  75. Navigation bar is on live site but nothing under menu so can’t add in a page
  76. display cart information within li of cart menu item
  77. Show thumbnail to category items in wp_nav_menu(), how?
  78. Add data-track to links in menu
  79. Conditional Nav Menu Inside Nav Menu Across Multisite Sites
  80. Is it possible to seperate wordpress menu by different div?
  81. How to add odd and even classes to all nav links through walker?
  82. Output sort number in wp menu list item?
  83. Check in walker if current page is descendant
  84. Active page link not getting class assigned
  85. Customize Walker_nav_menu to show posts if item is category
  86. Menu not always using correct link
  87. Replace Menu Item with Logged in username
  88. Where these arguments are defined?
  89. Second tier sidebar navigation
  90. Add custom ID to wp_nav_menu list items
  91. Show All Children of WordPress Menu
  92. How to make an anchored page in a navigation menu tab
  93. Site pages show the page title under navigation bar
  94. Creating an accordion style menu
  95. Wrapping my ‘s with
  96. How can I structure my pseudo footer nav code with wordpress codex code?
  97. Two Homes In Navigation Menu
  98. How to set menu Display location
  99. How to add a class directly on a unordered list element that is a primary navigation
  100. How can I only show one responsive menu on mobile devices?