Move Google Search box to the right

  • Does anybody know how to move the search box? When I added Google Search, it put it on the left side and below the page buttons. I would like for it to be to the far right on the same bar as the page buttons. My site is https://www.rawfoodlove.com. Thank you.

    Thanks,
    Amber

Viewing 7 replies - 1 through 7 (of 7 total)

  • adding these styles to custom.css could work:

    #topnav ul { float:left; width:660px; }
form#cse-search-box { float:right; margin:6px;}

    only checked in firefox developer add-on

    Thread Starter Amber

    (@rawfoodlove)

    Thank you. I tried this, but it keeps it on the same row it’s on, but DOES move it all the way to the right. How can I move it up to the same row as the navigation buttons?

    Thank you so much.
    Amber

    if you leave the first correction in the style.css (even if it is not yet absolutely the way you would like to have it), someone might have a look at it and might suggest a further adjustment.

    checking css issues in firefox with developer add-on is quite good, imho, but not failprove, and can particularly not predict all effects for IE.

    it always helps to report in which browser you experience your problems.

    Thread Starter Amber

    (@rawfoodlove)

    Okay, I’ve saved the code to custom.css. So now it’s to the right, but needs to be one row up where the nav buttons are.

    Can anybody help me with this one?
    Thanks

    which browser are you using?

    i checked in firefox 3.5.8 and IE7, and the searchform is inline with the menu.

    when viewing your site, try clearing the browser cache by pressing CTRL and F5 at the same time (in IE) or by pressing the ‘reload’ button of your browser a few times.

    Thread Starter Amber

    (@rawfoodlove)

    I’m sorry, I did forget to tell you which browser I’m using. It’s IE8. I cleared cache, cookies, history and it still shows one row below the nav buttons. I checked it in Safari as well and it’s still one row below. I then grabbed the code from just the main url and threw it into Expression to view the design layout and it shows it aligned with the nav buttons. This is too weird. How is that you can see it correctly and I can’t?

    Thank you.

    i have the same effect – lower search bar – in safari.

    it could be that the 660px in here:
    #topnav ul { float:left; width:660px; }
    are extending this div just a bit too far to the search bar in these other browsers;

    you could try to change the 660px to 600px, for instance.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Move Google Search box to the right’ is closed to new replies.