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%; ...