Hey there Patrick,
Hope you’re well today!
This can be fixed with some custom CSS. Try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:
http://wordpress.org/plugins/simple-custom-css
@media screen and (max-width: 783px){
.main-navigation, .site-branding {
display: block;
}
}
This should display your site title on small resolutions. Hope this helps 🙂
Best regards,
Bojan
Bojan that is awesome, you’re a genius.
Thanks so much and thanks for the very speedy turnaround on the answer.
If I was being super fussy and unfortunately for both of us I am. In the long term it’s more unfortunate for me being this fussy, but still.
Being super fussy, when I load each page now via mobile devices the Title and Tag are showing (Hooray!) but there is now a thin line between the Title & Tag and the rest of each page.
Might you know a way to get rid of the thin line?
Like I say, very fussy of me, but can you help with that?
Hey again Patrick,
Glad I could help 🙂
Sure thing! I checked the site and as far as I can see there is the same line on desktop resolutions as well http://screencast.com/t/zqbtIh79nsj6.
Not sure if you want to remove it completely or on just small resolutions?
If you want to remove it completely please add this code:
h2.description {
border: none;
}
In case you want it removed only on smaller resolutions you can add the code in the media query I posted above. So your code should look like this:
@media screen and (max-width: 783px){
.main-navigation, .site-branding {
display: block;
}
h2.description {
border: none;
}
}
Hope this helps 🙂
Cheers,
Bojan
Perfect Bojan,
Thanks so much.