Archived topic

Sidebar/ Widget/ Hide on mobile

3 replies · Started by Jan on April 7, 2021

Viewing posts 1–4 of 4

April 7, 2021 at 12:51 pm #1725356

Hi David,

I was wondering if there is CSS code snippet for hiding the sidebar on the right hand side of the page on mobile devices.

The following snippet is tied to a plugin, but I'd rather want to go w/o an additional plugin.

@media only screen and (max-width:480px) {
 .mobile_free {
 display: none !important;}
 }

The id of the sidebar is "is-right-sidebar".

How do I need to modify the above snippet to make it work?

Thanks,
Jan

April 7, 2021 at 1:04 pm #1725366

Hi there,

Try this CSS:

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

April 8, 2021 at 2:11 am #1725865

Hi Leo,

thanks for getting back promptly.

This works very well.

Thanks,
Jan

April 8, 2021 at 9:49 am #1726621

No problem :)

This archived topic is closed to new replies.