Site logo

Archived topic

Collapse sidebar immediately when it reduces in size

3 replies · Started by Pete on July 31, 2019

Viewing posts 1–4 of 4

It is possible to set the sidebar css so that as soon as the sidebar width decreases it falls/responsifies under the main body?

Hi there,

simplest way would be to use some CSS to change the breakpoint when the sidebar stacks like so:

@media (max-width: 1100px) {
    #primary, #right-sidebar {
        width: 100% !important;
        float: none !important;;
    }
}

Adjust the max-width to match the width of the screen when the sidebar / primary start to reduce in width.

Thanks

You're welcome

This archived topic is closed to new replies.