How to hide widgets on mobile?

Hey,

If you want to hide all sidebar widgets on mobiles try something like this:

@media screen and (max-width: 768px) {
.widget-area .widget {
display: none;
}
}

Be aware that the content will still be loaded though, so this isn’t great for performance. You might be better off just using the full width template for your checkout, so that no widgets are loaded at all.

Thanks.

Hi,

Where do you put this code?, I tried the style sheet with no luck.

I’m really surprised the site looks so bad with widgets on mobiles.

Thanks

Gary

Not really sure what you mean by ‘so bad’, but anyway… you add the code to your child themes style.css file, or a ‘custom css’ plugin.

Cheers.