I have a question regarding responsive layout. Lets say I have a css file with completely different styles once the browser size is lower than "xx". In my example the css code is as follows:

```
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 960px)

```

Now my question: 
When I view my website (<http://web3.server.e-astro.de> - its german...) on a mobile and I click on a link, to a subpage with information on it, I always have the menu first on top and have to scroll down to get to the real content. The solution for that would be to give the content link a name like `"<a name="start"></a>` and link directly to that. So I don´t always have the menu on top.
But I want that to occur only on the mobile version and not on the browser version.

So I´m looking for a php code like this:

```
<a href="site.php<?php IF ON MOBILE STYLESHEET VERSION echo '#start'; ELSE DO NOTHING ?>">

```

Does anybody know how to archieve this? I hope I made myself clear...

Thank you!!