Header doesnt show full menu when scrolling

Hi. I notice when viewing on the mobile option that sometimes I cannot see the full website menu navigation because the screen will cut it off and I am only able to “search” throughout the menu options. I would have to refresh the page for the menu to “Drop down” all options again. How can I make it so that when users are scrolling, they can use the menu easily and see it all easily? pic included at bottom, and I have already added this CSS option:

    @media only screen and (max-width: 992px) {
      .has-hero .site-header {
        position: relative;
      }
      .header-navigation.header-floating.floating {
        position: static;
      }
      #header-floating-helper {
        display: none !important;
      }
    }

Hello there,

Thank you for contacting.

As checked, you can use this CSS code:

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

      .header-navigation.header-floating.floating {
        position: fixed !important;
      }
      
    }

​I hope this reply helps.

Stay safe.
Have an excellent day :slight_smile:

Regards,
Kharis
aThemes Support

Thanks. With adding this code I was also able to size down my temp. logo to 100x100 pixels and it acts as a nice menu image, home button, and helps to the building brand identity. thanks alot.

Hello there,

Thank you for upddating me.

Glad to hear that the code helped you. Thank you for letting us know. I really appreciate it.

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