Jump to content

Make Header Full-Width


Recommended Posts

Hello! I have been looking through the forums for the right way to do this, but nothing seems to be working.

I have very little experience with CSS, and am only learning now, so I am not sure if maybe what I wan requires more than just simple CSS.

This is the website I am working on - https://stevemcgill.com/


I currently have this 'additional CSS' installed on the above page, but I can not get the header to go full-width.

    background-color: #363636;
     border-bottom-style: solid;
li.hurdlers-hurdler a{
border-bottom-color: coral}

li.art-hurdling a{
    border-bottom-color: aqua}

li.wip a{
    border-bottom-color: blue}

li.poet a{
    border-bottom-color: orange}

li.essays a{
    border-bottom-color: green}

li.stories a{
    border-bottom-color: yellow}

li.dreams a{
    border-bottom-color: violet}

li.meditation a{
    border-bottom-color: pink}

li.shorter-w a{
    border-bottom-color: red}

I am trying to get the look of the header on https://nicholassparks.com/


Any help would be greatly appreciated!


Thank you!




Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...