Using Dashboard<Settings>General I added a sentence in the Site Title box and because I want this text to appear directly below my header logo I changed the #masthead hgroup to have the following properties float: none; width: 50%;text-align: justify;
It appears great on a big screen but on a smartphone I can't figure out how to get the text to be longer than the set width. It basically means my sentence is appearing in only half the width of the screen which looks silly as it displays as 4 lines.
I can't figure out which bit of code I need to change ...I tried looking in @media screen and ( max-width: 600px )and changing the .page-header h1 width but that didn't seem to work.
Any ideas anyone?