Site logo

Archived topic

Linking to different pages depending on screen size

1 reply · Started by BeeLady11 on November 2, 2015

Viewing posts 1–2 of 2

Hi

Firstly let me say, why didn't I discover GP and the lovely addons earlier?! They really have helped me no end :-)

I have a link on my GP site's homepage (in a section) - I would like it to link to smallpage.php for mobiles and bigpage.php for tabs/PC's. I guess I'll need to use media queries somehow, but I want the destination page loaded when the user clicks the link, not served up on page load.

(It's actually 2 different versions of a form; one is quite complicated and the other is compact).

Hope that's not too garbled!

Thanks.

You could try adding two links to the page.

For example:

<a href="smallpage.php" class="hide-on-desktop">Link to mobile</a>
<a href="bigpage.php" class="hide-on-mobile">Link to desktop</a>

The classes should display that link if it's on mobile/desktop and hide the other one.

Let me know :)

This archived topic is closed to new replies.