Made a CSS change now post summaries continuing off page, tablet and phone

• 

  flodato · Member · Mar 4, 2014 at 8:56 pm

  • Copy link
  • Add topic to favorites

  I lose dynamic response after making a CSS change. On tablet and mobile view, my content runs off the side of the page. Website is eighthrising.com using the Expound theme. It happened when I changed the widths of the primary and secondary content areas. Here is the code I used:

  Original column widths of template
  #primary {
  float: left;
  width: 740px;
  margin-right: 10px;
  }
  #secondary {
  float: right;
  width: 260px;
  margin-left: 10px;
  overflow: hidden;
  }

  Changes made to column widths 650 x325

  #primary {
  float: left;
  width: 650px;
  margin-right: 10px;
  }
  #secondary {
  float: right;
  width: 325px;
  margin-left: 10px;
  overflow: hidden;
  }

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

• 

  flodato · Member · Mar 4, 2014 at 9:57 pm

  • Copy link

  If it helps, I don’t have this problem with a featured post. I only have one post featured, so all subsequent posts are affected.

• 

  shawnajroberts · Member · Mar 6, 2014 at 10:56 pm

  • Copy link

  Hi there!

  You’re likely seeing these issues because specific width settings can override responsive design coding.

  You can learn more about using media queries that target certain screen sizes here:

  Media Queries for Standard Devices

  Responsive Design with CSS3 Media Queries

  We also have a forum specifically for CSS questions, which you can find here:

  https://en.forums.wordpress.com/forum/css-customization

  Let me know if you have any more questions!