Disable Sidebar Widgets on Mobile

Public Ticket #9702

Disable Sidebar Widgets on Mobile

Conversation thread

laurenhabermehl replied

6 years ago

Customer Reply

Wonderful! That did the trick. Thanks so much for the quick help.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 1169px) and (min-width: 961px){
.penci-single-style-10 .penci-single-s10-content, .container.penci_sidebar #main{ width: 100%; padding-right: 0; float: none; }
.penci-sidebar-content{ display: none; }
}
@media only screen and (max-width: 767px) {
.penci-sidebar-content{ display: none; }
}

Best Regards,

PenciDesign

laurenhabermehl started the conversation

6 years ago

Conversation Start

Hi there,

I'd like to disable my sidebar widgets on mobile devices. I'd like to have it disabled for the tablet vertical breakpoint and also the breakpoints for phones vertical and horizontal. Can this be accomplished with some custom css?

Thanks!

Lauren

Want to join this conversation or access attachments? Sign in first.