How can I move the logo and search box above the container?

#1 Apr 16, 2011, 07:57 PM

Hi, my clients wants the search box and logo to appear outside the container div, above the rounded corner background that contains the site, in the body. I thought to position the container, and create a CSS insert that repositions the logo, but I wondered if others with more experience could guide me in which divs to properly move, and how to do it with decent cross-browser compatibility? IE 7 and above?

Thanks for any help,

Noah

lmilesw · #2 Apr 16, 2011, 09:33 PM

Do you have a link to the site?

#3 Apr 19, 2011, 09:09 PM

Sorry, www.behavioralhealthtoday.com ...

lmilesw · #4 Apr 19, 2011, 09:34 PM

In ATO>Style & Edit Header Area>Search Box try adding the following and taking out any borders.

HTML Code:

position: relative;
bottom: 149px;

You might also what to copy whatever is there and paste it into a text document in case you want to revert to what you had.

#5 Apr 19, 2011, 11:47 PM

Thanks, Larry.

I tried it, and it moves nicely, with just the position change, however, I'm really looking at doing three things:

1. moving the search box
2. moving the logo
3. collapsing the whitespace containing the logo in a controlled way.

I can tinker with the CSS, and test it manually, but I was hoping this was a more common request, and had been worked out already. If not, I don't mean to lean on you to do my job, I'll do it. But if you can offer any further assistance, I'll take it.

Would this be something to bring up in the gold or diamond forums?

-Noah

lmilesw · #6 Apr 20, 2011, 09:38 AM

It all comes down to looking through the theme options to see if what you want to accomplish can be done from there. For example logo positioning etc. can be done from ATO>Style & Edit Header Area. If there is nothing in the theme options I rely on Firebug to help me virtually test CSS and then I put the code I've worked out in ATO>Add HTML/CSS Inserts>CSS Inserts.

#7 Apr 21, 2011, 12:36 AM

I use the CSS and HTML editing features of the web developer toolbar, firebug is also a great choice, but a bit more involved. My better (than me) coder friends swear by firebug. I'll look through the ATO options, though I visited there before, and got mixed results, I think I just need to get more in-depth with the CSS.

Thanks, Larry.

-Noah