How to make my non-mobile menu replace the burger menu?

Hi Apex

The cafe website I’m working on is:
URL: royalsmushicafe.dk

I would like to turn off / get rid of the burger menu, and alternatively, have the theme’s left side menu be at the top center (logo and menu list centered) when the theme would otherwise show the burger menu.

Anyone know how to achieve this?

Best Regards
– Gabriel

Hi @Brodersen,

Thanks for reaching out.

It’s only doable in Pro custom header, but let’s try this CSS. Please add this CSS to your global custom CSS.

@media (max-width: 979px) {
.masthead-inline .x-btn-navbar {
    display: none;
}
.x-nav-wrap.desktop {
    display: block;
}
.x-navbar-fixed-left .desktop .x-nav>li>a, .x-navbar-fixed-right .desktop .x-nav>li>a {
    text-align: center;
}
}

Thanks!

1 Like

Thank you so much!

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.