Responsiveness text issues white space issues

• 

  pianopl8yer · Member · Oct 13, 2015 at 5:05 am

  • Copy link
  • Add topic to favorites

  http://marcohuangphotography.net/portfolio/rose-siedler-house-2/

  http://marcohuangphotography.net/still-life/

  1. Why does the text do that in the individual projects and standard pages and not align downwards in accordance with the size of the monitor?

  2. Why aren’t my individual project and standard pages pages responsive to the size of the screen and browser?

  3. Why do my individual project and standard pages pages have so much white space in wide screens?

  .single-jetpack-portfolio .page-content, .single-jetpack-portfolio .entry-content, .single-jetpack-portfolio .entry-summary, .single-jetpack-portfolio .entry-header, .single-jetpack-portfolio .entry-meta {
  	width: 90%;
  }
  
  .page-content {
  	width: 90%;
  }
  
  .site-info {
  	display: none;
  }
  
  .hentry.page {
  	max-width: 1000px;
  }

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

• 

  pianopl8yer · Member · Oct 13, 2015 at 5:05 am

  • Copy link

  The code below is the custom CSS that I have at the moment.

• 

  g471n · Member · Oct 13, 2015 at 6:13 am

  • Copy link

  Hi pianopl8yer

  1. To get the text to wrap try adding this custom CSS.

  p {
      word-wrap: break-word;
  }

• 

  g471n · Member · Oct 13, 2015 at 6:18 am

  • Copy link

  2. The pages are responsive and adjusting with window size in my browser. I’m using Chrome.