How to make menu sticky on mobile

[cwctroy]

I’m trying to make my navigation menu on my website (worldhorizonsuas.org) sticky on mobile. How can I do this?

[Prasant]

Hello @cwctroy,

Thanks for asking.

You have the option to have sticky menu for mobile using custom CSS, but please note that we don’t support issues coming because of custom CSS. You can add following CSS under X > Theme Options > CSS:

@media only screen and (max-width: 600px) {
    .x-navbar {
    position: fixed;
    width: 100%;
}
}

If you would like to learn CSS, please take a look at following resource:

https://www.w3schools.com/css/

Thanks.