Forums

Placing search bar on top right corner? (8 posts)

  1. Neeraj
    Member
    Posted 8 months ago #

    I am having a Twenty Ten theme on my website. The search bar is added as a widget on the sidebar. I want to place it on the top right hand corner of the webpage.
    Please help.

  2. tigtog
    Member
    Posted 8 months ago #

    Here's a tutorial for adding a search-box to the nav menu in Twenty Ten. You can probably figure out where to modify the code to have the search-box sit above the banner image instead.

    http://www.throwingabrick.com/wordpress/add-search-box-wordpress-3-0-nav-menu.html

  3. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Don't edit the Twenty Ten theme. Instead create a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

  4. Neeraj
    Member
    Posted 8 months ago #

    Yup, copied the twentyten theme's style.css file.
    @esmi, went through the link you provided. It asks me to change the theme before applying the changes. I will schedule this task after some hours.

  5. Neeraj
    Member
    Posted 8 months ago #

    @ tigtog, the link you provided is quite interesting. Putting a search bar on the menu. I will have to tweak a little and see if it can be placed on top after using esmi's suggestions.

  6. tigtog
    Member
    Posted 8 months ago #

    esmi was quite right to remind you to set up all these changes in a child theme. I should have made sure to mention that too.

  7. Neeraj
    Member
    Posted 8 months ago #

    @tigtog, Yes that seems to be a prudent way to save all the customizations we have made in our style.css. By the way, your display name links to your blog whereas mine doesn't although I have entered it in my profile. I found members older than 1 year have this facility. Is it due to forum rules or some other option in the forum.

  8. elizzz
    Member
    Posted 8 months ago #

    It's very simple to do if you know so coding. Just grab the code from the sidebar and place it in your header. After that move it to the exact position you want using css.

Reply

You must log in to post.

About this Topic