Menu button to right side on mobile

Sydney
#1

Can I hide my header and display menu dropdown button to right side for *mobiles only?
Is it possible. Please advise

Thanks,
Venkat

#2

Hello Venkat,

The solution for that objective might be this CSS code:

    @media only screen and (max-width: 1024px) {
      .site-header {
        position: absolute;
      }
      .site-header,
      .site-header.float-header {
        background-color: transparent;
      }
      .btn-menu {
        color: #fff000;
      }
      .site-header .col-md-4 {
        display: none;
      }
      .site-header .col-md-8 {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }

To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard.

Let me know how it goes.

Regards,
Kharis