CODEWITHSUNDEEP
htmlcsswordpressheadergraphical-logo
user3087394
user3087394

Reputation: 243

Wordpress CSS — probably a very fix

I'm having problems with header (logo) on my Wordpress site.

Basically I want the logo to be above the navigation menu and then the navigation menu to be centered.

I've tried all sorts of different methods including margins etc. This is the code I have at the moment.

/*--HEADER MENU--*/
.userMenu {
    font-weight: bold;
    height: 40px;
    position: absolute;
    right: 30%;
    margin: -20px 0 0 0;
    display: inline-block;
    font-size: 12px;
    list-style: none;
}

Upvotes: 0

Views: 72

Answers (2)

KBN
KBN

Reputation: 2974

Try this:

#topBar #logo {
 color: #5B5B5B;
 display: block;
 font-size: 32px;
 line-height: 1em;
}

.userMenu {
 font-size: 12px;
 font-weight: bold;
 list-style: none outside none;
 text-align: center;
}

Upvotes: 0

SKeurentjes
SKeurentjes

Reputation: 1878

I played around a little bit. The next actions should fix your problems.

  • Delete max-height on #header
  • Add text-align: center; on #topBar

Upvotes: 1

Related Questions