How to Move the Search Bar to the Top of the Header
Have you thought of moving the search bar to the top of the header so that your navigation bar has more spaces for your navigation items. If yes, add the following CSS code to your custom.css file. Log into your wordpress dashboard. Go to Appearance > Editor. On the right hand side, under “Styles”, click on custom.css. Insert the below CSS code into custom.css and click on the green button “Update Files” at the bottom to save. /*relocate search bar to the top of the header*/ body.custom form#header-search-bar input { display:block; height: 14px; line-height: 14px; position: absolute; top: -280%; width: 20%; } You can adjust the value of the “top” position to the precise position you want. After the above code is added, you might find the last navigation item falls to the next line which make the navigation bar looks really ugly. Don’t