Bedford Theme Adding Hamburger menu to desktop

Site URL: https://nectarine-gopher-55j4.squarespace.com/config/help

Hi- My client would like the hamburger icon to be on the desktop but

I cannot find any information on how to do this. I am using Bedford 7.0 theme.

Any help is greatly appreciated!

On 2/18/2022 at 5:13 AM, Cbris said:

Site URL: https://nectarine-gopher-55j4.squarespace.com/config/help

Hi- My client would like the hamburger icon to be on the desktop but

I cannot find any information on how to do this. I am using Bedford 7.0 theme.

Any help is greatly appreciated!

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

My testing

Hi

I tried using your code and now it is back to full nav. Any other thoughts?

It is working! Thanks so much!!!

I spoke to soon... still reverting back to nav bar on desktop version?

On 2/22/2022 at 3:22 AM, Cbris said:

I spoke to soon... still reverting back to nav bar on desktop version?

It is fine to me. Did you solve this?