ryanjgillies
asked 2 years ago

Hi there, great theme. Can I ask how could I go about enabling the primary nagivation CSS for desktop across all browsers/devices, simultaneously disabling the primary navigation menu toggle on mobile.
Our website only has three menu items in the primary navigation, everything else is placed in the sidebar. So I’d like that primary navigation (the top bar) visible regardless of device.

1 Answers
DominicStaff
answered 2 years ago

You can add the following code to the Dashboard > Customize > Additional CSS or style.css file

@media (max-width: 1024px) {
.nav-main a {
    color: rgba(255,255,255,0.7);
    border: 0;
}

.nav-main .navbar-nav > li > .sub-nav-open::before {
    content: "\f0d7";
}
.navbar-toggle.nav-main-toggle.active {
    display: none;
}
.nav-main {
    display: block !important;
    z-index: 1000;
    width: 100%;
    text-align: center;
    background: transparent;
}
.nav-main .navbar-nav,
.nav-main .navbar-nav>li {
    display: inline-block;
}

.nav-main .navbar-nav > li > .fa:first-child {
    display: none;
}

}

Please send me your site URL if you still face their issue.

Powered by DW Question & Answer Pro