Seeking to force the main navigation menu to remain collapsed (mobile mode)

Home Forums General Forums Seeking to force the main navigation menu to remain collapsed (mobile mode)

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #3048
    bobaker
    Participant

    even when viewing on a desktop. Am using the Mobile Child Theme. Is there a fairly direct way to achieve this effect?

    #3053
    bobaker
    Participant

    So here’s what I added for Mobile Theme:

    In the div section for the navbar, added “always-open”. In the Customize CSS section, I added:

    .navbar.always-open {
    border-radius: 0;
    }
    .navbar.always-open .navbar-header {
    float: none;
    }
    .navbar.always-open .navbar-toggle {
    display: block;
    }
    .navbar.always-open .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar.always-open .navbar-collapse.collapse {
    display: none!important;
    }
    .navbar.always-open .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
    }
    .navbar.always-open .navbar-nav>li {
    float: none;
    }
    .navbar.always-open .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    }

Viewing 2 posts - 1 through 2 (of 2 total)

You must login to reply to this topic.