WebWerx 0 Report post Posted March 9, 2012 I have been mucking with this for too long. I have added a Search box and phone number to my header with hooks: http://cl.ly/3y113L141h452c3S1v06 I'd like to move them higher up - even with the logo..... and am getting muddle with the CSS. Not sure of which selector to use. Need a bit of "CSS TLC". Share this post Link to post Share on other sites
Rob 547 Report post Posted March 9, 2012 I'm unclear how you added this to your branding area or what hooks you used but it's set to full width and aligned right by using left padding of 800px. It's not that it's too low, it's that it's too wide. The div is so wide that it wraps below the branding image, rather than being capable of floating right. You should really use Firebug. Here's something you might want to try: [code].search-box-top-right { float: right; margin-top: -10px; padding-right: 40px; } .phone { float: right; margin-top: -35px; padding-right: 70px; }[/code] You can adjust the margin-top in both to where you want it. Something like -55 could be more to your liking than -35, just make the margin-top for the search coordinate by 15px with the phone. If using -55, try -30 for the search. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
WebWerx 0 Report post Posted March 10, 2012 [email protected] I got started on the wrong foot by adding the left padding. Downhill from there. BTW I added both items to th Branding Area with Hooks. I'll try your solution ver be weekend. :) Share this post Link to post Share on other sites
WebWerx 0 Report post Posted March 10, 2012 @rangelone: I just implemented your suggested fixes - made a couple of changes. I'll leave it alone for now until we do our styling.... then some rejigging I suspect. Happy Saturday! Share this post Link to post Share on other sites
