0

I'm trying to right align my NavBar, but whenever I add float:right, the navbar moves to the right, but seems to become disabled.

See here: goo.gl/46yUrt

Code: 

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
    clear: both;
    margin: 0;
    max-width: 100%;
    min-height: 45px;
    position: relative;
    float:right;
}

I'm using a custom modified version of the TwentyThirteen theme.

Ideally, I'd like to have the menu beside the logo at the top, both centered.

level42
  • 946
  • 2
  • 13
  • 33

1 Answers1

1

float:right seems to be positioning the nav bar beneath another element. Adding z-index:1 fixes that, but you'll still have to adjust the position of the bar.

Dave 5000
  • 346
  • 1
  • 4
  • I found a Float:Left inside of .site-header .logo-align which I removed. In doing so, I seem to have resolved the issue. Now, I just need to position the Menu beside the logo. – level42 May 29 '14 at 19:21
  • Ended up having to use the z-index anyways. Thanks! – level42 May 29 '14 at 19:37