Multi-Line Title Spacing in Mobile

• 

  mattgeo4 · Member · Sep 22, 2017 at 7:43 pm

  • Copy link
  • Add topic to favorites

  I’ve got my title set up so that in the mobile theme it resizes to fit on the screen. It takes Backpack Matt and places Matt in a separate line but there is a significant amount of space between the lines. I’m wondering if there is any CSS to reduce this spacing.

  Blog again is backpackmatt.com

  Thanks!

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

• 

  thesacredpath · Member · Sep 22, 2017 at 9:11 pm

  • Copy link

  Hi, I see you have it all on one line by using a .6em font size. If you wished to have it larger, you can adjust the font size and then add this to your 478px media query and adjust the line height as desired. Originally it is 1.4.

  .site-title {
      line-height: 1.2;
  }

• 

  mattgeo4 · Member · Sep 22, 2017 at 9:23 pm

  • Copy link

  Awesome. This worked perfectly. Thanks for your help! I realized that the mobile preview in my theme customizer wasn’t showing what the screen looks like on my phone. It’s all set now.

• 

  mattgeo4 · Member · Sep 22, 2017 at 9:23 pm

  • Copy link

  Awesome. This worked perfectly. Thanks for your help! I realized that the mobile preview in my theme customizer wasn’t showing what the screen looks like on my phone. It’s all set now.

• 

  thesacredpath · Member · Sep 22, 2017 at 9:30 pm

  • Copy link

  Great, and yeah, the Preview doesn’t always reflect reality. The developers continually work on it and tweak things to make it better and squash bugs.