Split background colours in my Navbar

Design help General
1

Hi There

I’m trying to split the background colours of my NavBar…i guess what im not getting is if your Navbar is limited to a width of 960px then how do you make the background colour fill the maximum width of the screen.

So i’ve made a left and right div…placed the brand in the left div and the links in right div and then changed the background colours…but how do you make it fill the screen, as well as the full height of the navbar? As per the image below:

1612×120 16.7 KB

https://preview.webflow.com/preview/oakfields-college?preview=dfc42305bb37bedbde331532b4afd678

Here is my public share link: LINK
(how to access public share link)

2

I’ve achieved similar result with using 4-point gradient:

  1. Black 0%
  2. Black 36%
  3. White 36%
  4. White 100%

You can also move all nav elements within columns and remove container.

That way you can style columns however you want :)

3

Ah great! thanks very much, i will try that and see if it works.

Thanks!

4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.