Widening column to fix title appearance

• 

  sarahls7 · Member · Jul 4, 2016 at 9:08 am

  • Copy link
  • Add topic to favorites

  Hey – go to my website on your computer, then try it on your phone and you will see that the title gets split in half on the computer because of the small left column. I would like my title to say “sarahscherer.live” on all platforms (iphone, ipad, computer) and not
  “sarahscher
  -er.live”
  as it does on my computer now. If anyone can write CSS code to fix this problem that would be awesome! Thank you so much in advance.

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

• 

  hallluke · Member · Jul 4, 2016 at 9:51 am

  • Copy link

  This is a bit tricky as your sidebar is set to a certain width and I doubt you want it covering any of your blog posts. It might be possible to move it higher so that it runs above the rest of the sidebar and the main content area.

  For now try turning off the hyphenation which makes it look like your URL is different:

  #site-title h1 {
    word-break: break-all;
  }