Change site title in header at a certain width

[Oliver]

Hello, I’m looking for a way to change the title of my site when the screen width drops below 550px. so that the header will read “MET” instead of “My Example Title”. Any ideas how this could be achieved?

[Tom]

You’d have to use GP Hooks in the “Before Header Content” hook.

Something like this:

<div class="site-branding">
    <p class="main-title hide-on-mobile" itemprop="headline"><a href="URL TO YOUR WEBSITE" title="YOUR TITLE" rel="home">YOUR DESKTOP TITLE</a>
    </p>
    <p class="main-title hide-on-desktop hide-on-tablet" itemprop="headline"><a href="URL TO YOUR WEBSITE" title="YOUR TITLE" rel="home">YOUR MOBILE TITLE</a>
    </p>
</div>

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts