Breakpoint, Mobile Menu

Hey,
How exactly are you wanting it adjusted? Do you want it to display earlier? Or later? Or not at all?

Hannah

Hello, Hannah,

I would like to try a break-point of 480 pixels, but I may need to adjust that.

Thank you for your assistance.
Michael

Looks like you’re using the mobile header. With that you can’t use basic css to change when which menu displays. If you want to disable the mobile header (theme options > mobile header) I can provide css to make the desktop menu show until the screen reaches 480px or below.

Hannah

Okay.

I navigated to Theme Options > Mobile Header, but I do not see a “disable” control.

Regards,
Michael

Sorry, that’s my fault. I got themes mixed up. Try adding this to your custom css box in Theme Options > Custom CSS:

@media (min-width: 768px) {
    .kt-header-position-above, .second-nav-container {
        display: block;
    }
    #kad-mobile-banner {
        display: none;
        height: 0;
    }
}

I set the min-width to 768 because after that the menu begins to run off the page. Let me know how this works for you.

Hannah

That works well.

Thank you much, Hanna, for taking the time to provide the CSS coding.

Sincerely,
Michael

Happy to help!

Hannah

hannah, and what if I do not want to show the desktop menu at all? (If just want to show the mobile menu on https://observarte.net)
Thanks in advance.

Hey @ernestortiz,
See this post: https://www.kadencewp.com/knowledge-base/ascend-always-show-mobile-header/
Hope it helps!

Hannah

Of course it helps, Hannah! Thanks.

You bet! ??

Hannah