Forum Discussion

tavasjn24's avatar
tavasjn24
Guide
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...
  • SyedSa's avatar
    SyedSa
    3 years ago

    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;    } }

SyedSa's avatar
SyedSa
Moderator
3 years ago

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;    } }