Legacy doesn't have the code for mobile menu icon?

Homepage Community Forums Legacy Theme Support Legacy doesn't have the code for mobile menu icon?

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #16677
    Danna McCormick
    Customer

      Hello,
      I don’t see the Responsive Menu code in Legacy’s style.css (like I do in your Epik Theme).

      If I wanted to add that option, would it just be a matter of adding this code to the css? Are there any changes that need to be made to any other files?

      Thank you!

      
      /* Responsive Menu
      --------------------------------------------- */
      
      .responsive-menu-icon {
      	cursor: pointer;
      	display: none;
      	margin-bottom: 10px;
      }
      
      .responsive-menu-icon::before {
      	color: #fff;
      	content: "\f333";
      	font: normal 32px/1 'dashicons';
      	margin: 0 auto;
      }

      and

      
      	.genesis-nav-menu.responsive-menu {
      		display: none;
      	}
      
      	.nav-primary .responsive-menu-icon {
      		margin-top: 20px;
      	}
      
      	.genesis-nav-menu.responsive-menu .menu-item,
      	.responsive-menu-icon {
      		display: block;
      	}
      
      	.genesis-nav-menu.responsive-menu .menu-item:hover {
      		position: static;
      	}
      
      	.genesis-nav-menu.responsive-menu li.current-menu-item > a,
      	.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
      	.genesis-nav-menu.responsive-menu li a,
      	.genesis-nav-menu.responsive-menu li a:hover {
      		border: none;
      		display: block;
      		padding: 20px;
      		text-transform: none;
      	}
      
      #16678
      Andykev
      Customer

        Is something not working for you on the theme? Or trying to do something different?

        I have both themes and each works wonderfully.

        #16679
        Andykev
        Customer

          If your questin is “how to add” a responsive “hamburger” menu on smaller screens, no…you cannot paste in the .CSS from another theme. There is a lot more to do.

          Here is how to add the necessary functions and files to make it happen. The codes explained in the tutiorial below are what I used to add a “responsive” menu to Legacy. Yes, the menu does adjust to the small screenm but it is “stacked”. I wanted the same look and funcion as Epik, so I used this.

          https://wpbeaches.com/using-slick-responsive-menus-genesis-child-theme/

        Viewing 3 posts - 1 through 3 (of 3 total)
        • You must be logged in to reply to this topic.