How to create a static header, cart, and search bar

Question

I am trying to create a static header that keeps my search bar, mini cart, and header picture fixed at the top while scrolling.

Where can I locate the CSS/HTML properties to edit this?

The website is nkdscty.com for reference.

Thank you

You might consider using a CSS framework like Bootstrap or Foundation rather than trying to write and browser-test all that from scratch. — UtopiaLtd, Oct 11 '14 at 23:58

score 0 · Answer 1 · answered Oct 12 '14 at 00:25

0

Simple. Use the css position:fixed rule. Use top:0 to fix it to the top.

header{
  position:fixed;
  top:0;
}

answered Oct 12 '14 at 00:25

ggdx

When I place the rules on the appropriate headers the layout changes. What property will keep the header intact? Thank you – Corey Kennedy Oct 12 '14 at 02:31
Nothing will fix something other than the fixed position. – ggdx Oct 14 '14 at 11:21

1 Answers1