Responsive - Merging menu links into one menu for smaller screens

Public

Responsive - Merging menu links into one menu mobile view

</> CopyGet raw version
javascript
  1. // Copy utility menu links to main menu's, to hide in mobile view
  2.  
  3. $(".header-region .pane-nice-menus-2 .responsive-menus-simple li").addClass("utility-menu");
  4. $(".header-region .pane-nice-menus-2 .responsive-menus-simple > li").clone().appendTo(".pane-nice-menus-1 > div > ul");
</> CopyGet raw version
css
  1. .pane-nice-menus-1 .utility-menu {
  2. display: none;
  3. }
  4.  
  5. @media screen and (max-width: 900px) {
  6.  
  7. .pane-nice-menus-2 {
  8. display: none;
  9. }
  10.  
  11. .pane-nice-menus-1 .utility-menu {
  12. display: block;
  13. }
  14. }