Move search box to main navigation bar

• 

  veryjoelle · Member · May 7, 2015 at 6:20 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I would like to move my search box to the main navigation bar. Is there a way I can do that?

  Thank you!

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

• 

  musicdoc1 · Member · May 7, 2015 at 6:35 pm

  • Copy link

  The navigation bar contains links to URLs, internal or external. The search box is a widget. Doesn’t haven an URL. Unless your theme has a theme option to display a search box in the header area it won’t be possible without CSS customization.

• 

  veryjoelle · Member · May 7, 2015 at 7:44 pm

  • Copy link

  Thanks for the reply!

  So how would I do it using CSS customization then? Any idea of the code I would have to put in?

  Thanks a lot!

• 

  timethief · Member · May 7, 2015 at 7:56 pm

  • Copy link

  Neither musicdoc1 nor I help with CSS editing. Please be patient while waiting for a Volunteer who does help with it or for Staff respond here and help you.

• 

  thesacredpath · Member · May 8, 2015 at 3:33 am

  • Copy link

  @veryjoelle, Dicot is a responsive width theme that adjusts the layout and arrangement of the elements of a page to work on all screen/window widths, clear down to phones. To move the search box to the menu area, we would need to use CSS absolute positioning, and that means the search box loses all relationship to the other page elements and effectively floats free and above everything else.

  The above is a long way of saying, on Dicot, there isn’t any way to do this cleanly.