Docs

[EasyMedia]

Hi,

I have an X themed site and have some custom CSS (below) that I was provided by support for mobile break points. I am having an issue, however, the main navigation is disappearing altogether between when the desktop menu disappears and the mobile menu activates. It’s in the range of tablet screen size, so the site has no navigation menu on tablets currently. Please help!!! Admittedly I have cobbled together a lot of the CSS from your great support and users in the X Theme Facebook forum, so there might be something conflicting somewhere else I am not seeing, thanks!

/* when to show desktop menu */
@media (min-width: 1200px) {
.x-nav-wrap.desktop {
display: block;
}
}
/* hide mobile sub menu if left open on switch to desktop */
@media (min-width: 1200px) {
.x-nav-wrap.mobile {
display:none !important;
}
}
/* when to show mobile menu */
@media (max-width: 1200px) {
.x-nav-wrap.desktop {
display: none !important;
}

[EasyMedia]

URL is https://www.easymedia.us – and all software is current versions

[Christopher]

Hi there,

Please add following block of code within media query rule:

.x-nav-wrap.mobile.collapse.in {
    display: block;
}

[Author]

Posts