Jump to content

Make Header Full-Width


hcotto
 Share

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.

a{
    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
 Share

×
×
  • Create New...