Side menu starts at the bottom after a post?

• 

  peppermintlane · Member · Feb 7, 2013 at 2:33 am

  • Copy link
  • Add topic to favorites

  Is anyone able to help me as to why this is happening?

  The blog I need help with is: (visible only to logged in users)

• 

  raincoaster · Member · Feb 7, 2013 at 2:48 am

  • Copy link

  Sidebar at the bottom and related layout issues

• 

  justpi · Member · Feb 7, 2013 at 6:04 am

  • Copy link

  In your case Update > 1 of my post applies. You have increased the sidebar width without also increasing the total width of the theme or decreasing the width of the main column.

• 

  1tess · Moderator Emeritus · Feb 7, 2013 at 6:10 am

  • Copy link

  This should be in the CSS forum.

• 

  peppermintlane · Member · Feb 7, 2013 at 10:52 pm

  • Copy link

  Are you able to change it for me at all justpi? please :)

• 

  justpi · Member · Feb 8, 2013 at 1:54 am

  • Copy link

  No I can’t, because I’m not WP staff. You can change it yourself by removing this from the CSS editor:

  #sidebar {
      float: right;
      padding: 15px 10px 15px 5px;
      width: 290px;
  }

• 

  peppermintlane · Member · Feb 8, 2013 at 4:28 am

  • Copy link

  this is all thats showing up…

  /** BEGIN sidebar **/
  #sidebar {
  width: 290px;
  float: right;
  padding-left: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 10px;
  }

  #sidebar h3 {
  padding-top: -5px;
  padding-left: 5px;
  margin-bottom: 10px;
  font-family: ‘Josefin Slab’, ‘century gothic’, serif;
  font-size: 2em;
  font-weight: normal;
  color: #4c4c4c;
  letter-spacing: 1px;
  padding-top: 3px;
  }

  #sidebar ul {
  padding: 0 10px;
  list-style-type: none;
  padding-bottom: 10px;
  }

  #sidebar ul li {
  border-bottom: 0 dotted #DDDDDD;
  padding: 4px 0;
  }

  #sidebar ul li a {
  color: #4c4c4c;
  }

  #sidebar ul li a:hover {
  color: #e64cc8;
  text-decoration: none;
  }

  #sidebar .tagsleft {
  float: left;
  margin: 5px 15px 5px 0;
  font: ‘century gothic’, sans-serif;
  font-size: 1em;
  }

  /** END sidebar **/

• 

  justpi · Member · Feb 8, 2013 at 10:43 am

  • Copy link

  The code I pasted is the same as the first part of the one you pasted. Replace this:

  #sidebar {
  width: 290px;
  float: right;
  padding-left: 5px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 10px;
  }

  with this:

  #sidebar {
      padding: 15px 10px 15px 5px;
  }