CSS: Need No Hyphen code for laptop AND tablet devices

• 

  acompassionatefriend · Member · Jun 9, 2014 at 9:35 am

  • Copy link
  • Add topic to favorites

  I entered this code:
  Appearance > Customize > Custom Design > CSS tab code:

  .entry-content {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  word-wrap: normal;
  }

  On laptops, the code works; on tablet device (iPad), it doesn’t. Is there an additional code I need to enter to eliminate hyphens across devices?

  Thanks.

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

• 

  thesacredpath · Member · Jun 9, 2014 at 4:58 pm

  • Copy link

  Hi there, change the selector on the code you have to the following

  p, ul, ol, dl, blockquote

  so that it looks like this

  p, ul, ol, dl, blockquote {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  word-wrap: normal;
  }

• 

  acompassionatefriend · Member · Jun 10, 2014 at 7:01 pm

  • Copy link

  Thank you very much. Made the change and all’s good.

• 

  thesacredpath · Member · Jun 11, 2014 at 2:43 am

  • Copy link

  Yay! And you are welcome.