[Support request] how to make right sidebar after my content on mobile?

[eran]

Hi,
How can I make the right sidebar after my content on mobile? (like its on mobile)?

[David]

Hi there,

i am sorry – can you explain a little more – as currently the Sidebar is displayed after the content on mobile.

[eran]

I meant in tablet.
My bad.

[David]

Try adding this CSS:

@media(max-width: 1024px) {
    #content {
        display: block !important;
    }
    #content :is(.content-area, .widget-area) {
        width: 100%;
    }
}

[eran]

It worked, but now it’s 100% width and not looking good.
Plus, the margin on the sides are disappeared.

[David]

Change to:

@media(max-width: 1215px) {
    #content {
        display: block !important;
    }
    #content :is(.content-area, .widget-area) {
        width: 100%;
    }
    #content .widget-area {
        padding: 0 20px;
    }
}

The last rule includes some padding for the sidebar.

[eran]

Thanks!

[David]

You’re welcome

[Author]

Posts