mobile layout in single: the title breaks up but there is room..???

• 

  iammenkphoto · Member · Jun 14, 2014 at 10:44 am

  • Copy link
  • Add topic to favorites

  how can I use css to keep the title in mobile on one line. I want the font size I have chosen thx

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

• 

  designsimply · Member · Jun 16, 2014 at 3:20 pm

  • Copy link

  Just to clarify, I think you mean the site title. Please correct me if I’m wrong. Also, since your site is private for now, we can refer to http://singldemo.wordpress.com/ as an example site if needed.

  In the Singl theme, there is a rule that sets the header area, or the “site-branding” area, to 80% width for small screens using a media query. To override that, you can add the following rule to your Appearance > Customize > CSS editor:

  @media only screen and (max-width: 767px) {
  	.site-branding {
  		max-width: 100%;
  	}
  }

• 

  iammenkphoto · Member · Jun 17, 2014 at 12:04 am

  • Copy link

  Yes…and thanks for this….you -all have been terrific..cheers

• 

  designsimply · Member · Jun 23, 2014 at 3:20 pm

  • Copy link

  Cheers :)