Extend menue ( #access) across entire page

Hi Adzay,

Are you talking about the 3 links at the top of the page, and just extending the box they are in?

If it is that then I think if you change

#access ul {
    display: inline-block;
}

to

#access ul {
    display: inline-block;
    width: 100%;
}

Should be what your after?

Hi J,

Im talking about extending the box that they are in, so I want the purple gradient box across the whole screen ( for all screen sizes). I aim to add more pages and more links later on.

Hi J,

What you posted didn’t work for me unfortunately ??

Ah ok ignore that above then sorry. OK the bar itself is inside the container so you would need to take the Nav outside of the container so it will stretch 100% to the window and not 100% to the container (1218px). All the CSS is correct so once outside the container it should be as you wanted maybe abit of position tweaking but it should do the trick.

Thanks J.. Is it possible for me to take it out of its container ( Branding) but still relate it to it. So that it could still be in the same posistion if I choose “position:relative” .

Forgive if what I’m saying makes no sense, I only learnt what i know from using Firefox. I’m very open to correction.

No problem, and yes I dont quite understand what you mean there? However it is getting late here so it maybe me going abit crazy too ??

ignore me. I just edited ‘top’ and re-positioned it as you said. I have one issue though.

While the bar has extended, the access bar does not fully touch each end of the browser window. (There seems to be ‘padding’ there but entering a ‘0px’ value for that does not solve the issue)

Don’t worry , I solved it ( I put Left: 0px).

Ah cool glad you solved it