Move Menu Bar

• 

  davidsummers0220 · Member · May 31, 2016 at 1:36 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’d like to move the menu bar on my website from the bottom of the image (picture of street filled with people and vendors) to the top of that image.

  Can anyone help with that?

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

• 

  carladoria · Member · May 31, 2016 at 2:04 pm

  • Copy link

  Hi there,
  In order to move your menu above the image, we have to make some space for it, in other words, lower the header image. Try the following CSS (paste it in Customize>CSS):

  #branding img {
      height: auto;
      margin-bottom: -7px;
      width: 100%;
      margin-top: 50px;
  }
  
  #access {
      box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
      clear: both;
      display: block;
      float: left;
      margin: -420px auto 6px;
      width: 100%;
  }

  Let me know if it works.

• 

  davidsummers0220 · Member · May 31, 2016 at 2:37 pm

  • Copy link

  Brilliant!!!! Exactly what I needed. Thank you so much, C.

• 

  kaylarperry · Member · May 31, 2016 at 10:52 pm

  • Copy link

  What about in terms of moving the social links menu from the bottom of the page to the top, but underneath the primary menu? The site is kaylarperry.com if you’re able to help out!

• 

  kaylarperry · Member · May 31, 2016 at 10:53 pm

  • Copy link

  Thanks in advance!

• 

  carladoria · Member · Jun 1, 2016 at 1:11 pm

  • Copy link

  Hi @kaylarperry! for better help, please start a new thread with your question.