Docs

[Jean Loup F]

Hi !

I’m using renew stack with a fixed left navbar position. At this time, the mobile menu appears only when screen is less than 980px width. I’m trying to change the breakpoint to 1024 but it seems that i miss some classe.

I’ve seen on the forum many thread about that but only with a static top navbar, not with a fixed left or fixed right.

Do you have any solution ?

Thank you.

[Thai]

Hey There,

Please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 1024px){
    .masthead-inline .x-btn-navbar {
        display: block;
        float: right;
    }
    .x-navbar .x-navbar-inner > .x-container.width {
        width: 90%;
    }
    .x-nav-wrap.desktop {
        display: none;
    }
    .x-navbar {
        width: auto;
    }
    .admin-bar .x-navbar-fixed-top, 
    .admin-bar .x-navbar-fixed-left, 
    .admin-bar .x-navbar-fixed-right {
        top: 0;
    }
    .x-nav-wrap.mobile.collapse.in {
        display: block;
    }
    .x-navbar-fixed-top, 
    .x-navbar-fixed-left, 
    .x-navbar-fixed-right {
        position: relative;
    }
    body.x-navbar-fixed-left-active, body.x-navbar-fixed-right-active {
        padding: 0;
    }
}

Hope it helps 🙂

[Jean Loup F]

This reply has been marked as private.

[Thai]

Hey There,

My custom CSS is working fine.

In this case, please provide us with your admin account so we can take a closer look.

Thank you.

[Jean Loup F]

This reply has been marked as private.

[Christian]

Hey Jean,

That is because of CSS precedence. style.css is loaded before the Customizer’s CSS so the latter has more priority in the cascade.

Thanks.

[Author]

Posts