Forum Discussion

tavasjn24's avatar
3 years ago

Slide out nav menu

Does anyone know where you can access the styling for the slide out nav menu? It was already built into the community and it looks like the break point is set to 991px and I need to up that to 1180px so it doesn't look squished.

  • Hi tavasjn24, It depends on the theme and HTML, but in hermes you could do something roughly like this:
     

    @media screen and (min-width: 992px) {    .lia-quilt-row-header .lia-quilt-layout-custom-community-header .lia-quilt-row-header-top .lia-quilt-column-header-top-content .custom-community-header-left .lia-slide-out-nav-menu {        display: block;    } } @media screen and (min-width: 1180px) {    .lia-quilt-row-header .lia-quilt-layout-custom-community-header .lia-quilt-row-header-top .lia-quilt-column-header-top-content .custom-community-header-left .lia-slide-out-nav-menu {        display: none;    } }

  • Hi tavasjn24, It depends on the theme and HTML, but in hermes you could do something roughly like this:
     

    @media screen and (min-width: 992px) {    .lia-quilt-row-header .lia-quilt-layout-custom-community-header .lia-quilt-row-header-top .lia-quilt-column-header-top-content .custom-community-header-left .lia-slide-out-nav-menu {        display: block;    } } @media screen and (min-width: 1180px) {    .lia-quilt-row-header .lia-quilt-layout-custom-community-header .lia-quilt-row-header-top .lia-quilt-column-header-top-content .custom-community-header-left .lia-slide-out-nav-menu {        display: none;    } }