Archived topic

Separate mobile header

3 replies · Started by Janette on November 13, 2015

Viewing posts 1–4 of 4

November 13, 2015 at 9:17 am #152727

Hi,

I am wondering if I can use one header for the desktop and tablet versions and another for the mobile version. If so, how would I do that?

-Janette

November 13, 2015 at 10:31 am #152749

You would have to use GP Hooks.

So something like this in your "Before Header Content" in "Appearance > GP Hooks".

<div class="hide-on-mobile">
    <img src="URL TO DESKTOP HEADER" alt="" />
</div>

<div class="hide-on-desktop">
    <img src="URL TO TABLET/MOBILE HEADER" alt="" />
</div>

Let me know if you need more info :)

November 13, 2015 at 11:11 am #152772

I was just looking at the hooks location page: http://demo.generatepress.com/hook-locations/

What if I want to use a different logo for the mobile website? The hooks are before and after... Or maybe I am not understanding them...

-Janette

November 13, 2015 at 11:29 pm #152902

Before and after are just locations.

In order to display a different logo for the mobile website, you'll need to use the code I posted above in one of those hooks (doesn't really matter which one).

This archived topic is closed to new replies.

Start building better websites today.