Viewing 4 replies - 1 through 4 (of 4 total)
  • You bet it is.

    On line 26 of your child theme’s style.css, change this:

    #searchform {
        margin-top: 5px;
    }

    to this:

    #searchform {
        margin-top: 5px;
        float: right;
    }

    That will get it to display on the right side of the header. To get it to appear on the same line as your tagline, you’ll need to move the HTML in the form tags up between the site-title and site-description. Right now, you have it in the h2 tags of the site description, which is actually an HTML no-no.

    Thread Starter patbell101

    (@patbell101)

    Thats fantastic many thanks. I also experimented and with a negative margin moved the search box up so as not to affect the header line spacing. I presume that was a good idea? I am a programmer but have only tinkered at the edges of html and php so thanks for the tips.

    Sure, moving it up with a negative margin shouldn’t do any harm.

    There will be times when you do something with CSS that looks fine in one browser, but awful in another (usually IE), so it is a good idea to view your work in a variety of different browsers and to check something like W3Schools to make sure the CSS you’re using is compatible with most popular browsers if you do much of this.

    Thread Starter patbell101

    (@patbell101)

    Sorted. Many thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Search button in header right’ is closed to new replies.