Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I have followed this thread: Show Secondary Sidebar on Category pages (archive) to create a secondary sidebar on the category pages. Rest of the blog posts/pages do not have secondary sidebar.

Problem is, the widgets of the secondary sidebar are displayed at the bottom of the category page -- not on the left side. How can I make sure that the sidebar is displayed to the left?

This is the current CSS for the sidebar, taken from style.css:

/* 2.5 Sidebar */
#sidebar {
  margin-top: 3em;
  overflow: hidden;
#sidebar .secondary {
  float: left;
  margin-right: 20px;
#sidebar .tertiary {
  float: left;
  margin-right: 0;
#sidebar .last {
  margin: 0;

Update: I guess this is the code. Right now I am using two-col-left where only one sidebar and one content area is displayed everywhere. However, I want category pages to display a second sidebar to the left. Second sidebar has a class "sidebar-alt"

  .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main {
   width: 64.89%;
  .two-col-left #main-sidebar-container #sidebar, .two-col-left #main-sidebar-container #sidebar-alt .two-col-right #main-sidebar-container #sidebar {
      width: 21.91%;
  .three-col-left #main-sidebar-container #sidebar, .three-col-middle #main-sidebar-container #sidebar, .three-col-right #main-sidebar-container #sidebar {
      width: 39.47%;
  .three-col-left #main-sidebar-container, .three-col-middle #main-sidebar-container,       .three-col-right #main-sidebar-container {
      width: 80.85%;
  .three-col-left #main-sidebar-container #main, .three-col-middle #main-sidebar-container #main, .three-col-right #main-sidebar-container #main {
      width: 57.89%;
        #sidebar-alt {
         width: 17.02%;
share|improve this question
Try using Firebug in the Firefox browser. It shows you which styles are applied to an element and allows you to change the page CSS and see the effects of the change immediately in the browser. –  Charles Clarkson Aug 19 '13 at 5:08
add comment

Know someone who can answer? Share a link to this question via email, Google+, Twitter, or Facebook.

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Browse other questions tagged or ask your own question.