How to do position fixed only on mobile devices

Question

as usually happens I have responsive navigation div. So I want to write CSS for it to have position fixed only on mobile devices. How do I do it ?

Welcome to Stack Overflow! Questions seeking code help must include the shortest code necessary to reproduce it **in the question itself**. See [**How to create a Minimal, Complete, and Verifiable example**](http://stackoverflow.com/help/mcve) — Paulie_D, Jan 21 '16 at 16:21

score 0 · Answer 1 · answered Jan 21 '16 at 17:08

0

You can use CSS Media Query.

Here You can find more information: Using media query

An example for your case:

@media only screen and (max-width: 40em) and (orientation: portrait){ // your code}

answered Jan 21 '16 at 17:08

M1L0

71
9

score 0 · Answer 2 · edited May 23 '17 at 12:07

I can't really give an example because you have been extremely vague in your question, but you can use css media queries to change styles for mobiles. You can set the maximum width for which to apply those styles to, meaning that anything smaller than that width will use those styles. (There are also loads of other options for media queries like aspect ratio; you can see more of them here, as well as how to use them).

Here is a very basic example of a media query you can use:

@media only screen and (min-width: 480px) {
    /* Styles here */
}

You can read more about them at these sites:

[There are many more, just google it and you will find countless tutorials and examples.]

How to do position fixed only on mobile devices

2 Answers2