Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Change site title in header at a certain width

Home Forums Support Change site title in header at a certain width

Home Forums Support Change site title in header at a certain width

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #201379
    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?

    #201441
    Tom
    Lead Developer
    Lead Developer

    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>
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.