Static Header for STAY Theme

alwaysenroute · Member · Aug 6, 2013 at 2:24 pm
Copy link

Add topic to favorites
Hi all! After reading tons of forums and how-to’s, I think I have a sense of how I can make my header static while just the content in the body scrolls.. the problem I’m having is finding where in the code to insert it and is there a code needed that is specific to my theme?

Can anyone help with this? Again, the theme is Stay

Link: http://theme.wordpress.com/themes/stay/

The blog I need help with is: (visible only to logged in users)
mrdirby · Member · Aug 6, 2013 at 2:32 pm
Copy link
Do you have the Custom Design upgrade? That is where you would add any new css to your site.

However, just an fyi, you cannot edit the html or php on WordPress.com.
alwaysenroute · Member · Aug 6, 2013 at 2:37 pm
Copy link
yes i do have the design upgrade.. i’ve seen it done a few times and have seen other similar topics but they have since been closed. The articles I’ve read give the css code but not where (in my theme specifically) it goes..

Thanks for responding!
mrdirby · Member · Aug 6, 2013 at 2:49 pm
Copy link
Ah, You navigate to your blog dashboard and then choose Appearance > Custom Design in the left hand menu. Choose the CSS tab and you go to a window where you can add the CSS.

Here is the official help document about it.
http://en.support.wordpress.com/custom-design/editing-css/

Happy editing!
thesacredpath · Member · Aug 6, 2013 at 6:13 pm
Copy link
@ alwaysenroute, give the following a try and see what you think. Make sure and play around with browser width and check out other pages and single posts as well to make sure work consistently.
```
#masthead {
    background: none repeat scroll 0 0 #FFFFFF;
    position: fixed;
    width: 71%;
}

#content {
    padding-top: 45px;
}
```

No items found.