How to make navigation menu bar full page ?

Question

0.00/5 (No votes)

See more:

How to make the navigation menu bar full page ? I mean I want to remove the space in left and right side of the navigation menu bar.

CSS

I tried following css but could not do.




<pre lang="css">.main-navigation ul {
    background-color: #315448;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
    text-align: center;
    width : full;
}</pre>

Posted 14-Mar-14 8:03am

Adrishya

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Krunal Rohit · Answer 1 · 2014-03-14T08:41:00

Solution 1

CSS

main-navigation ul {
    background-color: #315448;
    display: block;
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
    left:0;
    right:0;
    text-align: center;
    width : 100%;
}

-KR

Posted 14-Mar-14 8:41am

Krunal Rohit

Updated 14-Mar-14 10:28am

v2

Comments

Adrishya 14-Mar-14 16:27pm

Thanks for the help but I have already tried "width : 100%;" but it still didn't work. There is still space in left and right hand side.

Krunal Rohit 14-Mar-14 16:28pm

Answer is updated.!

-KR

Adrishya 14-Mar-14 16:38pm

Still not worked :( I am surprised whats going on.

John Teague 10-Dec-14 16:58pm

Please post a link to the page in question.

How to make navigation menu bar full page ?

1 solution

Solution 1

Add your solution here

Preview 0

How to make navigation menu bar full page ?

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us