Custom CSS to Center a Logo and Menu

Is it that the CSS you’re using has no effect? Not even:

body {
    border: 10px solid red !important;
}

?

I tried using Firebug to edit the css and them cut and paste the changes in the Custom.css and it has not worked. I have looked at other threads and tried various suggestions to no avail.

Try this:

@media screen and (min-width: 768px) {

    #header #logo {
        float: none;
        display: block;
        text-align: center;
    }

    #wrapper #navigation {
        float: none;
        display: table !important;
        margin: 0 auto;
    }

}

I pasted your code into the custom.css and nothing changed. I really appreciate your help.

Did you try this too:

body {
    border: 10px solid red !important;
}

Did that put a red border on your site?

Yes I did paste into the custom.css file as well and no change.

Can you copy everything in your custom.css file and paste it here?

It WORKED!!! I had to put it into the Woodojo setting but not the custom.css file!! THANK YOU SO MUCH! I really appreciate your time and effort.

Cool, you might want to remove the code to put the giant red border on your site ??

Yeah. LOL Really appreciate it Andrew! It is really weird that the code I have been putting in the custom.css did not work. It was the area under the Woothemes plugin for Woodojo that worked. Anyway I can’t thank you enough for your help!