Heading text doesn't wrap properly on small screen

• 

  asonenthal · Member · Mar 3, 2015 at 6:13 am

  • Copy link
  • Add topic to favorites

  First, I want to thank everyone for your responsive and friendly assistance. Our blog site is looking fantastic and we truly appreciate the quality of this application.

  Issue….

  On our About page:

  blog.eventsair.com/about/

  The first heading squashes on a small screen. All the responsive elements resize perfectly.

  Here is a screenshot when I shrink down my browser. Same on an iphone.

  

  Thanks in advance…

  Alec

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

• 

  kokkieh · Staff · Mar 3, 2015 at 7:30 am

  • Copy link

  Hi there. I see it only does this on your about page. I’m tagging this for staff to look into. Please subscribe to the thread and be patient while waiting for their response.

• 

  jeremeylduvall · Member · Mar 3, 2015 at 6:31 pm

  • Copy link

  Whoops! Sorry Alec – that’s my fault. It’s a result of the CSS code I gave you here:

  https://en.forums.wordpress.com/topic/how-to-add-a-second-section-on-my-about-page

  Really sorry about that. Can you switch it out for this one?

  @media screen and (min-width: 480px) {
  	#post-1 .entry-title {
  		line-height: 5px;
  	}
  }

  That should target everything above smartphone size.

• 

  asonenthal · Member · Mar 3, 2015 at 6:40 pm

  • Copy link

  Jeremy,

  All fixed! I really respect and admire folks who can live in and understand CSS…I’m a writing an documentation guy, but CSS always makes my head hurt!

  You are the best, thanks…

  Alec