Business Growth Talk

How to Remove the Sidebar of Sydney theme

In this article, we will learn how to remove the sidebar from Sydney WordPress theme.

As you might have noticed that by default, Sydney WordPress theme always shows a sidebar panel on all pages.

WooCommerce Product pages also shows a sidebar which is not required and impacts user experience.

Sydney - WooCommerce Product page with Sidebar

Please follow below steps to remove the sidebar from Sydney –

  • Go to Appearance -> Widgets.¬†
Sydney - Widgets in Sidebar
  • Remove all the widgets present under Sidebar¬†
Sydney - Delete Widgets in Sidebar
  • Your WooCommerce product page should look like below image at this point
Sydney - WooCommerce Product page Blank Sidebar
  • Now, let’s remove this blank space with some additional CSS. Don’t worry, you do not need to understand any technical stuff here.
  • Go to Appearance -> Customize -> Additional CSS and copy paste below CSS into the text area under Additional CSS
  • .content-area.col-md-9 { width: 100% !important; }
Sydney - Sidebar CSS

Great!!!

You have successfully removed the sidebar from Sydney WordPress theme.

Hope, this article has helped you. For any queries, feel free to comment and contact me here.

Please connect with us on our Facebook group and Facebook page.

Share on facebook
Share on google
Share on twitter
Share on linkedin

Leave a Reply

Your email address will not be published. Required fields are marked *