Forums / Templates, Stylesheets, Page Layout / want to move top left search box into header

want to move top left search box into header

Locked

Views: 3,705

Results 1 to 9 of 9

This thread is locked. New replies are disabled.

28 Aug 2008, 8:14 PM

#1

Zen Follower

Join Date:: May 2007
Posts:: 267
Plugin Contributions:: 0

want to move top left search box into header

I designed a custom header and want to move the saerch box code from the upper right corner to the header area below... where would I go to grab that top header code? also, any words of wisdom on how to incorporate it?

~ Eric

MonkFunk Music Community
Free Music Website

29 Aug 2008, 5:19 AM

#2

Totally Zenned

Join Date:: Dec 2007
Location:: Payson, AZ
Posts:: 1,075
Plugin Contributions:: 7

Re: want to move top left search box into header

Edit your style sheet to move it!

Search the style sheet 'stylesheet.css' for;

#navMainSearch {
    float: right;
    }
```Replace it with a relative position like below;

#navMainSearch {
position: relative;
top: -30px;
left: 650px;
width: 170px;
}

Dave
Always forward thinking... Lost my mind!

2 Oct 2008, 8:28 PM

#3

Zen Follower

Join Date:: May 2007
Posts:: 267
Plugin Contributions:: 0

Re: want to move top left search box into header

when I add that code, it creates a huge gap at the top, I can move around the search box, but there is now a huge gap beween that top little header and our main header area.

MonkFunk Music Community
Free Music Website

6 Oct 2008, 6:37 PM

#4

Zen Follower

Join Date:: May 2007
Posts:: 267
Plugin Contributions:: 0

Re: want to move top left search box into header

anyone know why this is? I really need to move this sucker!

thanks!

MonkFunk Music Community
Free Music Website

7 Oct 2008, 2:55 AM

#5

Totally Zenned

Join Date:: Dec 2007
Location:: Payson, AZ
Posts:: 1,075
Plugin Contributions:: 7

Re: want to move top left search box into header

keylesslocks:

anyone know why this is? I really need to move this sucker!

thanks!

Nice picture, can't say much about the problem without looking at the code.

Got a link!

Dave
Always forward thinking... Lost my mind!

7 Oct 2008, 5:27 PM

#6

Zen Follower

Join Date:: May 2007
Posts:: 267
Plugin Contributions:: 0

Re: want to move top left search box into header

Dave, thanks for your reply, it is MidwestApplianceParts.com

MonkFunk Music Community
Free Music Website

7 Oct 2008, 10:15 PM

#7

Totally Zenned

Join Date:: Dec 2007
Location:: Payson, AZ
Posts:: 1,075
Plugin Contributions:: 7

Re: want to move top left search box into header

keylesslocks:

Dave, thanks for your reply, it is MidwestApplianceParts.com

The code looks good, it's wrap a little different then what I did. I checked it with IE6 and FF3, both work fine, no added space as in your photo.

Dave
Always forward thinking... Lost my mind!

16 Oct 2008, 7:13 PM

#8

Zen Follower

Join Date:: May 2007
Posts:: 267
Plugin Contributions:: 0

Re: want to move top left search box into header

got the search box moved, but now I get this error....

any ideas to what went wrong?

MonkFunk Music Community
Free Music Website

16 Oct 2008, 7:21 PM

#9

Zen Follower

Join Date:: May 2007
Posts:: 267
Plugin Contributions:: 0

Re: want to move top left search box into header

note, this only happens on our login page, which is a secure page:
https://midwestapplianceparts.com/account/login.html

MonkFunk Music Community
Free Music Website