1. Home
  2. Knowledge Base
  3. FAQ
  4. Enable Mobile Sidebar

Enable Mobile Sidebar

By default the sidebar will not display on devices which are smaller than 685px wide. However, we can fore the sidebar to show by using some custom css.

To enable the sidebar on mobile devices please add the following custom css to your site using either a child theme or directly from the theme options panel under General Settings -> Custom CSS.

@media only screen and (max-width: 685px) {
#sidebar {
display: block !important;
width: 100% !important;
}
}

Note: If the sidebar is enabled then it will display below your main content.

If you have changed the width of the main content area and as shown in the knowledge base article Change Sidebar Width. Then the code in this article must be placed after the code shown in the knowledge base article Change Sidebar Width.

Still need support?

Use the search form above to explore more articles.

If you have an urgent support query please do submit a support ticket and one of our devs will be on hand to help.