Sticky Mobile Header

[jyrddrumjr]

Can we have the option and/or could you tell me how I can make the header of the mobile pages (navigation area) float/be sticky so it never moves? I currently have the following code for the desktop version of the site that I created from a zero out template with a sticky navigation bar, and I'd like to keep the format the same through the mobile pages.

CSS Code for navigation bar on desktop version.

Code: Select all

#wrapper {
  width: 100%;
  height: 75px;
  position: fixed;
  z-index: 20;
}

I'd create another CSS script such as the following, but I just need to know what script to insert in the body of the body for mobile pages.

Code: Select all

#iwrapper {
  position: fixed;
}

[jyrddrumjr]

Miro, I got an email with your response, but I ...

[miro (staff)]

hi yes, i found some problems on iphone, looki...

[jyrddrumjr]

Find a solution to the problem you ran into yet...

[miro (staff)]

hi can you please check if it works on your mo...

[jyrddrumjr]

Yes it does. I'm using an android phone though;...

[miro (staff)]

hi looks ok on iphone too available via onlin...