Center Hamburger Icon Vertically on "Small" & "Medium" devices

Hi,

Is there a way to center the hamburger icon vertically on small and medium devices? Right now it’s at the top right and looks tacky vs. my logo because it’s higher than my logo.

I’m guessing custom CSS is needed to do this?

My logo is 60 px tall (320 px wide). I have the padding at 5 px.

Thanks

John

Hi John,

Can you provide a link to your site, please? So we can take a closer look.

Thanks,
Danny

[Content Hidden]

Hi John,

Can you try adding the following to your custom CSS and see if this resolves your issue.

@media (max-width: 767px) {
  .fl-page-nav-toggle-icon .fl-page-nav .navbar-toggle {
    top: 16px;
  }
}

Thanks,
Danny

Worked like a charm.

Gracias

Hi John,

Happy to hear your issue has been resolved and thanks for informing us, we appreciate it.

Thanks,
Danny