Move primary menu above header image

• 

  shehaunts · Member · Jan 1, 2015 at 3:41 pm

  • Copy link
  • Add topic to favorites

  Hi there! I would like to move the primary menu on my blog above my header image. I’m using the oxygen theme. I’d actually like my blog to look pretty similar to the theme demo page here http://theme.wordpress.com/themes/oxygen/ but can’t seem to find the tools to do so. Website is shehaunts.wordpress.com.

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 1, 2015 at 5:52 pm

  • Copy link

  Hi there, since relocation of menus on responsive width themes, such as Oxygen, can sometimes go awry, I have limited this change to window/screen widths over 600px, which is when the touch menu activates for smaller devices such as tablets and phones. Below 600px in width, the menu location will revert back to below the header image.

  @media screen and (min-width: 600px) {
    #masthead {
      position: relative;
    }
    .main-navigation {
      position: absolute;
      top: 110px;
    }
    #masthead img {
      margin-top: 30px
    }
  }