Mobile Menue (Hamburger) to work on Desktop version of the website

  • I want to use the Mobile Menu (Hamburger) on the Desktop Version of my website.
    Is there any CSS or other method to do it?
    The desktop version of the Menu is taking too much space above the fold.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Saif

    (@babylon1999)

    Hello @gmesthermaxm,

    At the time being, the Storefront theme doesn’t have an option for a Hamburger menu for desktop view.

    I wrote a few CSS lines below but I’m not sure if you’ll be happy with the end result. To test it, please navigate to Appearances > Customizer > Additional CSS and add the following code there.

    
/* Make Hamburger menu on desktop  */
@media (min-width: 768px) {
.menu-toggle, .handheld-navigation, .main-navigation.toggled .handheld-navigation, .main-navigation.toggled div.menu{
      float: left !important;
      display: block !important;
      margin-top: 15px !important;
  }}

.menu > ul > li{
  margin-right: 30px !important;
}
.nav-menu{
  display: none !important;
}

.main-navigation div.menu > ul:not(.nav-menu){
  transition: none !important;
  
}

    Alternatively, you can hire a WooExpert to build you a custom solution.

    Hope this helps!

    Thread Starter gmesthermax

    (@gmesthermax)

    Thank You
    It works

    Hello,

    Glad to know my colleague helped you out.

    This is optional, ff you have a few minutes, we’d appreciate it if you could share your experience with the community by leaving a review.

    Best.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Menue (Hamburger) to work on Desktop version of the website’ is closed to new replies.