Keep Hamburger Menu Upper Right on Mobile


#1

Hi aThemes team,
Wondering if there’s a way for at least <767px screen to keep the hamburger menu upper right (not inline:block, centered, as it currently moves to)?

Thanks!
makerthinker.org


#2

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 767px) {

      .site-branding, .btn-menu {
        text-align: right;
        position: static;
      }

      .site-header {
        position: relative;
      }

      .site-header .btn-menu .icon-menu {
        position: absolute;
        right: 20px;
        top: 20px;
      }
      
    }

Regards,
Kharis