CSS Template Family Law Firm: how to shift the menu to the left?

You can do this by changing the code on line 135 to 141 from this:

Code:

/** navigation **/
.navigation {
    float: right;
    list-style: none;
    margin: 28px 0 0;
    padding: 0;
}

to this:

Code:

/** navigation **/
.navigation {
    float: left;
    list-style: none;
    margin: 28px 0px 0px 0px ;
    padding: 0;
}

 

Nothing is impossible with CSS.
Alles kan, een melkkan, een theekan, een koffiekan en een CSSkan. (Dutch wordplay)

Option 1: The width of the header is 960px. (You can make this bigger).

Option 2: The width of the logo is 362px. -> You can make this smaller.

Option 3: You can decrease the padding between the navigation links.

Option 4: You can add an extra class to the first navigation link so as to not have the left padding. You can make the H of Home hug the logo this way, but I don't think this will be good in terms of web design aesthetics.

Option 5: Float the navigation left and give it a width of 960px it will be under the logo with enough space for all your links.

Option 6: Alternative solution is a "more text link" for all your other less important links and stick them in one drop down menu.