Hiding sidebar on tablet on landscape view

Hi there,

We can use CSS to hide the sidebar for certain range of the screen width, but it can't detect what device is being used or if it's in landscape view. So based on my knowledge, I don't think it's possible.

Okay.

How I can hide right sidebar from all mobile and tab device?

Give this CSS a try:

@media (max-width: 1024px) {
    .sidebar {
        display: none;
    }
    .site-content .content-area {
        width: 100%;
    }
}

Thanks, it solved the issue.

No problem :)