Keep right sidebar right (also on mobile device)

Hi there!

Button is designed to adapt based on the size of the screen it’s being viewed on and the sidebar drops to the bottom on smaller devices in order to make the main content more readable.

If you would still like to retain the sidebar on smaller devices, then you could do so with some custom CSS.

To add custom CSS, firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack then you can also enable its custom CSS module.

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:

@media only screen and (max-width: 64.062em) {
.content-area {
    float: left;
    margin: 0 -25% 0 0;
    width: 50%;
}

.site-content .widget-area {
    float: right;
    width: 40%;
}
}

Let me know how you get on with that or if any extra questions come up.