Bug in responsive theme

• 

  flavieh · Member · Dec 14, 2013 at 11:00 am

  • Copy link
  • Add topic to favorites

  I’m using a new, three-columns responsive theme whose CSS seems to have a bug. The central section “content” doesn’t stick to the page and slides horizontally (you’ll see it using a trackpad). What should I change in the CSS to make it stick?
  http://www.flaviehalais.com/

  Here are the relevant parts of the CSS:
  header#header
  {
  height: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 999;
  overflow: hidden;
  float: left;
  }

  #main
  {
  height: 100%;
  position: absolute;
  z-index: 10;
  float: left;
  }

  #content
  {
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 50px 0;
  float: left;
  z-index: 10;
  }

  nav#primary
  {
  width: 100%;
  float: left;
  }

  In the responsive CSS (this is for desktop screens):
  
  @media only screen and (min-width: 1279px) {
  header#header
  {
  width: 30%;
  display: inherit;
  }

  nav#primary ul
  {
  margin-left: 35%;
  margin-top: -13px;
  display: inherit;
  }

  nav#primary .selector
  {
  display: none;
  }

  #articles,
  #page
  {
  width: 35%;
  margin-left: 35%;
  }

  aside#aside
  {
  display: inherit;
  }

  .pagination
  {
  padding: 50px 0 50px 35%;
  }

  .one_third,
  .one_third_box
  {
  width: 33.33333%;
  }

  .two_third,
  .two_third_box
  {
  width: 66.66666%;
  }

  .one_quarter,
  .one_quarter_box
  {
  width: 25%;
  }

  .one_fifth,
  .one_fifth_box
  {
  width: 20%;
  }

• 

  supportbot · Member · Dec 14, 2013 at 11:00 am

  • Copy link

  You did not specify a blog address or reason for posting when you created this topic.

  This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

  If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

  If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

  This is an automated message.

• 

  thesacredpath · Member · Dec 15, 2013 at 5:08 am

  • Copy link

  Hi there, since the site you reference is self-hosted, I would suggest contacting your theme designer, or following the link give by the supportbot to the self-hosted WordPress.org forums. These forums are for those hosted here at WordPress.com.