Archived topic

Change from [content-no sidebar] to [content-sidebar] responsively

2 replies · Started by Pete on March 22, 2016

Viewing posts 1–3 of 3

March 22, 2016 at 5:31 pm #180957

Hi Tom I've got challenge for you. I'd like to have the right sidebar visible up until a certain width then have the layout change to no sidebar below that width using a @media css (or some other way)... is this possible?

Thanks Pete.

March 22, 2016 at 10:17 pm #180976

You could do something like this:

@media (max-width: 768px) {
    .sidebar {
        display: none;
    }
    .content-area {
        float: none !important;
        width: 100% !important;
    }
}

March 22, 2016 at 11:35 pm #180990

Sweeeeeeeeeeet!

This archived topic is closed to new replies.

Start building better websites today.