Sticky menu on mobile devices

Hi there!

Hope you’re doing fine and staying safe in these trying times. :slight_smile:

I’d like to know if there is a way to display a sticky menu on mobile devices. Currently, my website’s menu looks like this:

vista móvil actual

Ideally, I’d like to make it sticky and look something like this (the following is a modified screenshot I made with Photoshop):

vista móvil ideal

My website is http://stsloc.com/.

Could you please tell me if this is possible? Thanks in advance! :smiley:

Cheers,

Luciano

Hi Luciano,

I hope you’re doing well today.

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

    @media only screen and (max-width:767px){
      
      .site-header.fixed {
        position: fixed !important;
      }  
      
      .header-wrap .container{
        text-align: left;
      }

      .header-wrap .btn-menu{
        float: right;
        margin-right: 15px;
        margin-top: -53px;
      }  
      
    }

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

1 Like

Hi Kharis,

I just tried it and it worked like a charm! Thanks a lot for your help! :smiley:

Cheers,

Luciano

1 Like

You’re welcome Luciano!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

1 Like