Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
+2 votes
125 views
in Themes by

1 Answer

0 votes
by

Hiding the sidebar is simple. You just need to not display the element with the class qa-sidebar:

.qa-sidebar {
  display: none;
}

However, unless you want the sidebar space to remain empty, you'll also have to adjust the remaining elements, so they can fill the vacated space (e.g. by changing their width to 100%).

Your browser's web developer tools can help you identify the classes of those elements. In Firefox you'd right-click an element in the page and then select "Inspect Element" from the context menu.

by
+1
Your code is not working on my website of http://askbangla.xyz . If you have any different code,you can give me here.
by
For starters, that page apparently uses the theme "Candy," not "SnowFlat," and the change I suggested is not present in the stylesheet of that theme.
by

In the stylesheet of your theme. Add the property display: none; to class .qa-sidebar.

Sometimes it is necessary to add the condition! Important to give priority...

.qa-sidebar {

  display: none !important;

}

by
!important should be avoided if possible. You're right that it's required in some cases, when you need to forcibly override another setting, but I doubt it's the case here. Like I said in my previous comment, the OP's site uses a different theme than he claimed it would, and in the theme's stylesheet the setting for qa-sidebar was not present. I checked.
...