Mobile Layout

• 

  animpoliteconversation · Member · Jun 28, 2017 at 6:27 am

  • Copy link
  • Add topic to favorites

  So, I’m pretty new to this, and I don’t have much on my page except a title and header image. The problem is, whilst my title looks fine on Desktop and Tablet, on my mobile (Galaxy S5) the final letter of the last word of the title is shifted down a line. I.e. the title looks like:

  An Impolite
  Conversatio
  n

  I’ve tried shortening the title by removing ‘An’, but because ‘Conversation’ takes up a line all on its own, it didn’t help. Any ideas? Is there anyway to decrease the font size of the title to try and get it all fitting on to a mobile interface?

  Regards,
  Kristian.

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

• 

  g471n · Member · Jun 28, 2017 at 9:49 am

  • Copy link

  Hi Kristian

  Try adding the following custom CSS.

  .site-title {
      font-size: 1em;
  }

  To add custom CSS

  Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.