Archived topic

Removing sidebar only when website is viewed on mobile

3 replies · Started by kyle on May 21, 2017

Viewing posts 1–4 of 4

May 21, 2017 at 12:33 am #321530

I have a sidebar on my post pages which I would like to keep. However, when the posts are viewed by mobile I would like there to be no sidebar as there is little space, to begin with.

How can I make this happen?

Thanks in advance ;)

May 21, 2017 at 12:41 am #321533

Hi Kyle,

For single posts? If so this should work:

@media (max-width: 768px) {
    .single .sidebar {
        display: none !important;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know

May 21, 2017 at 6:21 am #321631

Thank you, that's done the trick as far a removing the sidebar is concerned. However, I assumed that once the sidebar was gone the content would have then filled the page but it's still over to the left as if the sidebar was still there.

Is it possible to have it fill the available space?

Thanks in advance

May 21, 2017 at 6:38 am #321640

Sidebars should be at the bottom of the page instead of side on mobile by default.

Can you post a link to your site so we can have a look? Thanks!

This archived topic is closed to new replies.

Start building better websites today.