Title cuts off

• 

  theunspokentestimony · Member · Feb 1, 2018 at 1:53 am

  • Copy link
  • Add topic to favorites

  Hello! I am pretty new to this software platform. Just wondering how I can edit the blog title so that it does not continue to cut off when being viewed on a mobile device.

  Blog page: https://theunspokentestimony.wordpress.com/2018/01/31/the-prelude/

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

• 

  joshron · Member · Feb 1, 2018 at 7:17 am

  • Copy link

  Hi there!

  There are two ways you to do this.

  1. If you would like your title to to be automatically resized as one word, edit your CSS and add the code below.

  .site-title, .site-title a {
  color: #495762;
  line-height: 1;
  margin-top: 0;
  text-decoration: none;
  font-size: 6vw !important; /*add this line of code*/
  }

  The only drawback of this is that it might be too big on screens that has 1920px wide displays

  2. Another way is to separate the tittle from THEUNSPOKENTESTIMONY to THE UNSPOKEN TESTIMONY.
  This will stack the words vertically on mobile.

  Let me know how it goes.

  Thanks!

• 

  kathrynwp · Staff · Feb 1, 2018 at 4:30 pm

  • Copy link

  Thanks for helping out, joshron! Since they don’t have access to custom CSS, the second solution is the easiest.

  theunspokentestimony – open your Customizer‘s Site Identity panel, and you can change the site title there so it’s separate words with spaces in between. Let us know how it goes!