Cbris reacted to
Beyondspace in Bedford Theme Adding Hamburger menu to desktop
February 21, 2022
Try adding to Home > Design > Custom Css
.mobile-nav-open #sidecarNav {
visibility: visible;
-webkit-transition: height 0s .14s linear,visibility 0s 0s linear;
-moz-transition: height 0s .14s linear,visibility 0s 0s linear;
-ms-transition: height 0s .14s linear,visibility 0s 0s linear;
-o-transition: height 0s .14s linear,visibility 0s 0s linear;
transition: height 0s .14s linear,visibility 0s 0s linear;
}
#siteWrapper {
height: 99.9%;
width: 100%;
-webkit-transition: -webkit-transform .14s ease-in-out;
-moz-transition: -moz-transform .14s ease-in-out;
-ms-transition: -ms-transform .14s ease-in-out;
-o-transition: -o-transform .14s ease-in-out;
transition: transform .14s ease-in-out;
}
.mobile-nav-open #siteWrapper {
position: fixed;
height: 100%;
-webkit-transform: translate3d(-260px,0,0);
-moz-transform: translate3d(-260px,0,0);
-ms-transform: translate3d(-260px,0,0);
-o-transform: translate3d(-260px,0,0);
transform: translate3d(-260px,0,0);
}
.mobile-nav-open .body-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
cursor: e-resize;
-webkit-transform: translatex(-260px) translatez(0);
-moz-transform: translatex(-260px) translatez(0);
-ms-transform: translatex(-260px) translatez(0);
-o-transform: translatex(-260px) translatez(0);
transform: translatex(-260px) translatez(0);
}
Let me know how it works on your site
Support me by pressing đź‘Ť if this useful for you