Fixed Header

[Colinz]

Hi,

Hope this post is in the right place, I really miss the old site!!

I have fixed a header/nav, but also wish to create below that a border-bottom that runs the 1140 px wide. I am unsure how to do this and would be v grateful for some assistance.

At the moment the default CSS header width is 100%, if I change that to 1140px, I get the border I wish but only whilst the browser is not being 'responsive', but full size.

.menu-primary, .menu-secondary, #header .menu {

background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #000000;
clear: both;
color: #666666;
font-family: "futura-pt",arial;
font-size: 14px;
font-weight: 300;
margin-bottom: 0;
margin-right: auto;
margin-top: 0;
overflow: hidden;
padding-left: 400px;
position: fixed;
text-transform: uppercase;
top: 128px;
width: 100%;
z-index: 1;

}

http://173.254.51.74/~katecoo3/

Cheers

Colin

[SoZo]

You need to remove the width from #wrap if you want the header div to span the width of the viewport. Then to center the inner elements you add width and auto left/right margins.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Colinz]

Thanks Sozo

Did as you suggested ,  but the header nav combo would not come off the left side, despite margin:auto

[SoZo]

You'll need to leave your edits in place for me to see what's going on.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Colinz]

You need to remove the width from #wrap if you want the header div to span the width of the viewport.

Not sure I explained properly.

The site will remain 1140px wide, unless it is being resized for mobile etc
I am trying to keep the header area (displaying header and nav) vertically stationary on all pages
The header/nav combo will remain above the page content when scrolling
The header/ nav combo should resize when in mobile (responsive mode

I am trying to remove the horixantal border line that extends beyond the web page to the right

Thanks, in advance for any help anyone can give me

[Colinz]

Hi Sozo,I removed the width from the wrap as you suggested and the margins seem to be set , but the site isn't aligning center in the browser. Anyone with CSS help..please.

Changes displayed at

http://173.254.51.74/~katecoo3/

Colinz

[Colinz]

Is there anybody out there, who can help with a CSS issue?

 

[Colinz]

Can anyone recommend a CSS specialist who can help me, please

[Colinz]

Forget it.

[Author]

Posts