[Resolved] How to center the off canvas menu icon in the header?

[Tim]

Hi,

I have enabled the off canvas menu and I have “hidden” the other menu by making it blank.

URL is included in the private info field below.

As you can see, the hamburger menu icon is not centered vertically with the logo in the header. It should be a few px further down.

How can I achieve that? I have tried adding padding/margin to it through CSS but that moves the whole header…

Thanks.

[David]

Hi there,

the slideout-toggle has relative positioning so you could do this:

.slideout-toggle {
  top: 20px;
  z-index: 1;
}

[Tim]

Worked perfectly, thanks!

[David]

You’re welcome

[Author]

Posts