Project: Innovation_Cloud; Navigation element full width


#1

Hello everyone!
I have been trying to get the full width for the navigation element but without success so far.
That's what the code looks like:


.nav ul {
list-style: none;
margin: 0 auto;
padding: 30px 0;
background: #000000;
padding-right: auto;
padding-left: 20px;
}

.nav li {
color: #ffffff;
display: inline;
padding-right: 10px;
}

.nav {
width: 100%;
}

Thanks in advance!


#2

hi there

I was stuck there as well but i tried the code below and it did work :smile:

.nav {
width: 100%;
float: left;
background-color: #000;
}

.nav ul {
list-style: none;
margin: 0 auto;
padding: 30px 0;
text-align: left;
}

.nav li {
color: #fff;
display: inline;
padding: 30px 10px;
}


#3

Hi nina_su! (:

Thank you so much for your answer!
That line ".nav { background-color: #000; }" made the difference and it actually makes sense. Background without color = you won't see anything :smile:
Thanks again for helping me out!

(also thought I was the only one who got stuck here. haha)