Docs

[marketinglaura]

I need my sidebar to stay to the left (not move to the bottom) at screen resolutions from 981-1199. I’ve looked through other topics similar but haven’t found a solution.

[marketinglaura]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width: 981px){
.x-sidebar .max.width {
    padding-left: 20px;
    padding-right: 20px;
}
.x-sidebar-content-active .x-sidebar {
    left: 0;
    border-right: 1px solid #dfdfdf;
    border-right: 1px solid rgba(0,0,0,0.075);
}
body.x-sidebar-content-active, body[class*="page-template-template-blank"].x-sidebar-content-active.x-blank-template-sidebar-active {
    padding-left: 260px;
}
.x-sidebar {
    position: fixed;
    top: 0;
    width: 250px;
    height: 100%;
    margin: 0;
    border-top: 0;
    z-index: 1031;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

Hope that helps.

[Author]

Posts