Search for: Log In Free Support [Support request] Hide sidebar Home › Forums › Support › Hide sidebar This topic has 5 replies, 2 voices, and was last updated 1 year, 1 month ago by Leo. Viewing 6 posts - 1 through 6 (of 6 total) Author Posts March 19, 2020 at 12:55 pm #1199928 David How can I hide the sidebar for mobile devices? March 19, 2020 at 1:05 pm #1199930 LeoStaff Customer Support Hi there, CSS is needed: @media (max-width: 768px) { .sidebar, .footer-widgets { display: none; } } Adding CSS: https://docs.generatepress.com/article/adding-css/ Let me know if this helps 🙂 Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ March 19, 2020 at 1:22 pm #1199946 David It works, thanks! And is there a way to make a custom sidebar for mobile that doesn’t show on desktop? March 19, 2020 at 1:36 pm #1199962 LeoStaff Customer Support You could try using the built-in hide-on classes to hide one or the other: https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ March 19, 2020 at 7:58 pm #1200109 David How can I also hide the footer widgets on mobile only? March 19, 2020 at 8:58 pm #1200124 LeoStaff Customer Support Edited the CSS here: https://generatepress.com/forums/topic/hide-sidebar/#post-1199930 Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 6 posts - 1 through 6 (of 6 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In