7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Forced line breaks on headlines

by joe golfer
5 replies
Sometimes I find forced line breaks on my headlines look all messed up on smartphones. Anybody had this experience?
#breaks #forced #headlines #line
  • Profile picture of the author BrianMcLeod
    Yep.

    One of the challenges of responsive site design.

    Graphic headline solves the problem when you can't get text to cooperate.
    Signature
    Brian McLeod
    {{ DiscussionBoard.errors[9337442].message }}
  • Profile picture of the author The Copy Nazi
    Banned
    What you want is "Responsive web design" - Why 2013 Is the Year of Responsive Web Design
    {{ DiscussionBoard.errors[9337640].message }}
    • Profile picture of the author joe golfer
      Originally Posted by The Copy Nazi View Post

      What you want is "Responsive web design" - Why 2013 Is the Year of Responsive Web Design

      That's what I mean--I should have given more detail--sometimes my responsive WP themes (Attitude, Responsive, Spacious, Ignition, about 30 others) don't handle headline hard line breaks well. A word or two is left dangling at times. I think the graphic strategy Brian mentioned will work well because the images are scaling nicely.

      As a side note, Headline Hard Line Breaks would be a lousy band name. Rawk.
      Signature
      Marketing is not a battle of products. It is a battle of perceptions.
      - Jack Trout
      {{ DiscussionBoard.errors[9337695].message }}
  • Profile picture of the author drewfioravanti
    It's not the break that is causing the problem, it is the fluid width of the container. So, it is breaking where you tell it to break. But the container is narrower than on a full browser, causing the contents to go to the next line, much like when you write text in this reply. Then, it breaks again where you tell it to break. This can cause two lines to have one word each.

    One way around it is the image. Other ways are with css.
    {{ DiscussionBoard.errors[9337811].message }}
  • Profile picture of the author multipliedmike
    Images work, but text images can look blurred on mobile devices (especially on retina) whereas regular text is always crystal clear.

    Are you familiar with CSS? Good to know the basics if you deal with a lot of websites. Otherwise, someone on Fiverr could easily help with that.
    {{ DiscussionBoard.errors[9338498].message }}

Trending Topics