Remove sidebar blog in tablet view

Hi there,

do you want to remove the sidebar or have it displayed below the content ?

What do you mean by 'displayed below the content'? Will it then display at the bottom of the page? This would be fine :)

Try adding this CSS:

@media (max-width: 1024px) {

    .site-content {
        flex-direction:column;
    }

    .container .site-content .content-area,
    .is-right-sidebar.sidebar  {
        width: auto;
        order: initial;
    }

    #main {
        margin-left: 0;
        margin-right:0
    }

}

Thanks David. Unfortunately this didn't work :( I'm still seeing the sidebar in tablet view.

You have this CSS which is broken:

@media(max-width: 768px) {
    #secondary-navigation {
        display: none;
    }
	@media (max-width: 1024px) {

    .site-content {
        flex-direction:column;
    }

    .container .site-content .content-area,
    .is-right-sidebar.sidebar  {
        width: auto;
        order: initial;
    }

    #main {
        margin-left: 0;
        margin-right:0
    }

replace that with:

@media(max-width: 768px) {
    #secondary-navigation {
        display: none;
    }
}

@media (max-width: 1024px) {

    .site-content {
        flex-direction: column;
    }

    .container .site-content .content-area,
    .is-right-sidebar.sidebar {
        width: auto;
        order: initial;
    }

    #main {
        margin-left: 0;
        margin-right: 0
    }
}

Yes, this worked! Thanks again, David! I know I'm keeping you busy at the moment ;)

You're welcome!
I prefer being busy :)