Moving Search Bar Into Menu

• 

  meagandixon2015 · Member · Jan 27, 2015 at 1:45 pm

  • Copy link
  • Add topic to favorites

  I just want to move the search box from the sidebar to the menu, next to the other page tabs. Anyone know the CSS code? I am a premium member.

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

• 

  staff-happychia · Staff · Jan 27, 2015 at 5:58 pm

  • Copy link

  Please add this style and see how it looks:
  Adjust the top and right values to move it along x and y axis respectively.

  #search-2 {
      position: absolute;
      top: 205px;
      right:230px;
  }

• 

  meagandixon2015 · Member · Jan 27, 2015 at 6:36 pm

  • Copy link

  What area do I add that code?

• 

  meagandixon2015 · Member · Jan 27, 2015 at 6:36 pm

  • Copy link

  What area do I add that code?

• 

  meagandixon2015 · Member · Jan 27, 2015 at 6:36 pm

  • Copy link

  What area do I add that code?

• 

  meagandixon2015 · Member · Jan 27, 2015 at 6:40 pm

  • Copy link

  Actually, that didn’t work. It wouldn’t let it move into the menu area no matter how high I changed the top to.

• 

  staff-happychia · Staff · Jan 27, 2015 at 6:42 pm

  • Copy link

  Please add this code to the CSS Editor in the Dashboard.

• 

  staff-happychia · Staff · Jan 27, 2015 at 6:43 pm

  • Copy link

  That’s interesting. What type of screen (computer) are you on?

• 

  meagandixon2015 · Member · Jan 27, 2015 at 6:46 pm

  • Copy link

  I have a Macbook with an HDMI cord to a Samsung screen

• 

  staff-happychia · Staff · Jan 27, 2015 at 6:49 pm

  • Copy link

  Can we try this please:

  div#wrapper {
      position:relative;
  }
  
  #search-2 {
      position: absolute;
      top: 143px;
      right:50px;
  }

• 

  meagandixon2015 · Member · Jan 27, 2015 at 6:50 pm

  • Copy link

  Perfect! Thank you!