[SynGamer]

In the classic view, how do I make it so that the menu bar stays in-view at the top of the screen when scrolling (desktop and mobile please)?

[SynGamer]

Any way to do this? It seems like a relatively easy fix.

[Mehmet S.]

Paste to Theme Options > Style > Custom CSS:

#header { position: fixed; }

[SynGamer]

That works, but it cuts off the page title…

http://i.imgur.com/ZvXwYp5.jpg

[SynGamer]

I tried tweaking the code but I still cannot get the content to go down a bit so that it’s not hidden by the menu, please help.

[Mehmet S.]

#resume,
#portfolio,
#contact
{
margin-top: 71px;
}

[SynGamer]

I tried that and in the 3D view it pushes the entire page/content down 71px. Also, on the cover page, with this code added, for some reason my portfolio loads directly under the Twitter (blank) feed. Removing the code you suggested above fixes this.

Is there anyway to have this code target ONLY the mobile layout?

[Mehmet S.]

Can you provide a screenshot for the issue?

[SynGamer]

http://i.imgur.com/2AZPvPz.png

[Mehmet S.]

Try this:

@media screen and (max-width: 978px)
{
#resume,
#portfolio,
#contact { margin-top: 71px; }
}

@media screen and (min-height: 800px) and (max-width: 960px)
{
#resume,
#portfolio,
#contact { margin-top: 71px; }
}

@media screen and (max-width: 479px)
{
#resume,
#portfolio,
#contact { margin-top: 71px; }
}

[SynGamer]

Almost, but not quite… http://i.imgur.com/WvnnUMb.png

[Mehmet S.]

What is it?

[SynGamer]

The menu button on the far right is clearly extended past the main body/content.

[Mehmet S.]

Add:

#header { width: 600px; }

[SynGamer]

Perfect, thank you :)