Want to add search box to header

  • Unknown's avatar
    vipvoice · Member ·

    Our site uses the Able theme and we’re wondering if it’s possible to add a search box in the header so that the reader can search from any page/post. (We use a lot of full width pages–no sidebar–so the search widget isn’t accessible on the page.)

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

  • stefmattana · Staff ·

    Hi there,

    You should add a couple of customised lines into your CSS. For doing that you should purchase (if you haven’t done yet) an annually renewable custom design upgrade for the blog.

    This is the code that should work for you: 

    #page {
	position: relative;
}
.widget_search {
	position: absolute;
	top: 100px;
	right: 15px;
}

    Change:

    • right into left if you fancy your search bar on the left
    • the number of the pixels at our best convenience

    I’m not a CSS wizard so I’ve tagged the thread to the CSS stars of this forum for further checks. Not sure if that may affect the mobile rendering if it’s activated so probably it’s worth a double check on that :)

    Hope that all clear and is useful to you.
    Cheers!

  • The topic ‘Want to add search box to header’ is closed to new replies.