Remove sidebar display on mobile

Public Ticket #11574

Conversation thread

PenciDesign replied

6 years ago

Staff Reply

Hi,

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

@media only screen and (max-width: 768px){
.penci-sidebar-content{ display: none; }
}

Best Regards,

PenciDesign

oooff123 replied

6 years ago

Customer Reply

Hi, thanks for the reply.

I wish to remove the sidebar completely from the screen (display: none;)

currently it drops to the bottom when viewed on mobile.

PenciDesign replied

6 years ago

Staff Reply

Hi,

On the mobile & tablets - the screen is too small ( about 300 - 600px ) and the sidebar has the width is 340px.. So, It can't be display sidebar on the right on mobile or tablet because it will make your content so small and look broken..

Best Regards,

PenciDesign

oooff123 started the conversation

6 years ago

Conversation Start

Hi, i'm using the generic magazine with the sidebar to the right. Is there a way to not display the sidebar on mobile & tablets?

Thanks!

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