Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Cheryl Hurley
Cheryl Hurley
2,250 Points
Posted by Cheryl Hurley
Cheryl Hurley
2,250 Points

Placing fixed header images

I took the CSS positioning & layout course section (haven't made it to the entire deep dive yet!) and understand generally how to fix elements on a page. However, I got a client for a blog design (yay!) and want to fix the site title/header around the nav bar, like this: http://www.spoonfulofflour.com/

Would I use position: fixed and pixel values for left/right or percentages?

3 Answers

Tunde Adegoroye
Tunde Adegoroye
20,597 Points

Hey cheryl when the website is below lets say 800px it is not fixed it seems like its positioned absolute to the centre using px's and then on a desktop size it seems like its being displayed to float to the left or you could use a grid to position across so many columns

Cheryl Hurley
Cheryl Hurley
2,250 Points
Cheryl Hurley
Cheryl Hurley
2,250 Points

Interesting. How do I position with a grid in Wordpress? A Bootstrap .css perhaps?

Tunde Adegoroye
Tunde Adegoroye
20,597 Points

There is a course on using bootstrap with wordpress should definitely check it out http://teamtreehouse.com/library/from-bootstrap-to-wordpress bootstrap does include grids and also responsive navigation to make your life even easier :)

Cheryl Hurley
Cheryl Hurley
2,250 Points
Cheryl Hurley
Cheryl Hurley
2,250 Points

Great, I will do that :)