Sticky menu not working when I choose the Airi > Lawyer > menu (basic 4)

Airi
#1

Sticky menu not working when I choose the Airi > Lawyer > menu (basic 4)
Could you tell me What should I do for make it better?

Please give advice…

Thank you.

#2

Hi,

Thank you for reaching out to us. I am happy to help with your queries.

Try these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    (function($) {

      function stickyHeader() {
        if ( matchMedia( 'only screen and (min-width: 1024px)' ).matches ) {

        $('.menuStyle6.sticky-header.admin-bar .site-header').sticky({
        topSpacing: 32,
        responsiveWidth: true
        });
        $('.menuStyle6.sticky-header:not(.admin-bar) .site-header').sticky({
        topSpacing: 0,
        responsiveWidth: true
        });

        var headerHeight = $('.site-header').outerHeight();
        $('#masthead-sticky-wrapper').css('min-height', headerHeight);

        } else {
          $('.sticky-header .site-header, .sticky-header .main-navigation, .sticky-header .bottom-bar').unstick();
        }
      }
      stickyHeader();
      $(window).on('resize', stickyHeader );

    })( jQuery );
  1. Update
  2. Add this CSS code to Appearance > Customize > Additional CSS from dashboard.
    .menuStyle6 .is-sticky  .site-header {
      background-color: #181b33;
    }

Regards,
Kharis
aThemes Support

#3

Hello Mr.Kharis,

I could that’s exactly what I want to do!

Thank you so much!!

#4

You’re welcome!

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

Regards,
Kharis
aThemes Support