Hamburger menu on all devices and widths

Illdy
1

Is there a way to active the hamburger-menu-icon and the display of a full-width menu on every browser width?

2

Hey there,
Hope you’re doing well today

It took a bit of coding, however, here it goes:

Kindly add and save the following code to Appearance > Customize > Additional CSS:

/*start hamburger menu for all device width*/
.open-responsive-menu {
    height: 100%;
    background: 0 0;
    padding: 26px 0;
    border: none;
    outline: 0;
    display: block;
    float: right;
  }

#header .top-header .header-navigation {
    display: none;
}

.open-responsive-menu .fa{
  color:white!Important;
}

.responsive-menu{
  background-color:white!Important;
  width:100%!Important;
  margin-top:20px!Important;
}
.responsive-menu ul li a {
    width: 100%;
    padding: 15px;
    display: block;
    border-bottom: 1px solid #e4e4e4;
    color: #000;
    text-align: center;
}
  .responsive-menu ul{
    padding-left:0px!Important;
  }
/*end hamburger menu for all device widths*/

I hope this helps :slight_smile:

Best Regards,
Support

3

It does indeed. Thanks a bunch!