X theme hamburger menu on desktop

Support
#1

Hi, what would the custom css be to get the hamburger menu to appear on desktop? Thanks.

#2

Hi There,

Its not recommend to break the CSS for mobile nav to visible in the desktop. There are several other option you can use for the same. Like Uber menu.
If you really want to customize the menu here is a solution working for other people.

Let us know if that works for you. The post having Javascript and SS code you can use that.

Thanks

#3

Hi, thanks for the reply.
I’ve added this custom css to the child theme which has done the job.

a.x-btn-navbar {
display: block;
float: right;
color: #fff;
background-color: #6acff6;
}
a.x-btn-navbar:hover {
color: #fff;
}
nav.x-nav-wrap.desktop {
display: none;
}
.x-nav-wrap.mobile:not(.x-collapsed) {
display: block !important;
}

#4

Thats awesome.

Glad that you fixed it.

#5

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