Woops. My PRE didn’t work. Here’s Dave’s tweak without the PRE tag:
/* Remove the Tagline on Mobile */
@media (max-width: 978px) {
h2.site-description {
display: none;
}
}
@paulwpxp Many thanks for the CSS tweaks. I just discovered something. I used your first suggested change (to hide the tagline from view but leave it visible to search engines). It worked fine on full screen view (Chrome and Firefox) but when I changed to “restore down” view on my browser, as I reduced the size of the browser window to the size where the menu becomes a pull-down list (icon with lines in it) the tagline re-appeared. It was also happening on my Android phone (older gingerbread model). So I added Dave Bardell’s tweak to remove the tagline on mobile phones and it fixed the problem. Here’s Dave Bardell’s tweak (thanks Dave):
<pre class=”lang:css”>
/* Remove the Tagline on Mobile */
@media (max-width: 978px) {
h2.site-description {
display: none;
}
}
Excellent. “width:600px” instead of “max-width:600px” on the text style. Many thanks.
