On desktop menu is sticky but not on mobile

The menu is sticky on my desktop but not on my mobile. How can I fix this?

Hi there,

Yes, that is default behavior like on theme demo. Sticky header option isn’t implemented for touch devices.

Best Regards!

But, maybe you should be able to change it to be sticky with custom css code below:

@media screen and (max-width: 1024px) {
    .main-header {
        position: fixed;
        height: 60px;
        width: 100%;
        z-index: 1000 !important;
        background: #ffffff;
    }
}

Apply it from WP admin > Appearance > Additional CSS.

Let me know if it is working.
Best Regards!

Yes it’s working. The menu is sticky but the bottom part of the menu is transparent. The top part us white.

Hi again,

I cannot see that. You have to share a link to your website. Also including some screenshot and highlighting that bottom part can also be helpful.

Best Regards!

Pls. close this post as my client does not need the sticky menu on the mobile.

Thanks for your support.