alisamski+ 9 Report post Posted June 5, 2012 Found this for Platform Pro... and it does not work in Frameworks.. #header .searchform{ position:absolute; right:10px; /*increase this number to move the form to the left*/ bottom:20px; /*increase this number to move the form up and into the branding area*/ } Also swapped out #header for #brandnav but that didn't work either.. Any suggestion on how to? Share this post Link to post Share on other sites
mackenzie 12 Report post Posted June 6, 2012 Are you looking to put the search in the same section as the main menu "brandnav-nav main_nav fix"? Mackenzie - PageLines Help Desk The Centsible Family - Writer, Photographer and Coffee Addict --------------------------------------------------- Kindly search this forum and read the documentation before posting. It will help you resolve many issues. For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting. Share this post Link to post Share on other sites
alisamski+ 9 Report post Posted June 6, 2012 If you go to the link... I'm looking to put it in the upper right hand corner of the area... can be aligned with the nav or above... so not sure of the section... or the css at this point. Share this post Link to post Share on other sites
catrina 103 Report post Posted June 6, 2012 Is your search bar enabled right now (I can't find anywhere on the page or in your source code)? The CSS selectors need to be changed in order to work properly on Framework. Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
alisamski+ 9 Report post Posted June 6, 2012 In my header templates... I have Brand Nav... didn't have Navigation in there... Search bar is enabled. I added the Navigation in the template now... but hidden by default.. Does that help? Share this post Link to post Share on other sites
Rob 547 Report post Posted June 6, 2012 Alisamski, Can you not simply place the nav above your graphic (the animated gif is soo cool, btw), then align the menu right by adding a margin left? If we had the actual menu that contains the search present, it might help us. Also, if we move the search up, we will need to adjust its z-index most likely. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
alisamski+ 9 Report post Posted June 7, 2012 Started by having the regular nav under header... however realized that we needed to use the brand nav... in order to have the nav above anything in that area... the anim is upload via the "logo" area so we have an actual link there... not sure of how else to do it and still accommodate the "img logo link"... Are you saying we can have the regular navigation along with its search bar and move it above the logolink in the header? Share this post Link to post Share on other sites
Rob 547 Report post Posted June 7, 2012 Alisamski, In Dashboard > PageLines > Templates under Header, you should be able to drag the "Navigation" section over. Place it above the Branding. You'll have a menu, with search engine above the image. Let me know if it works for you. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
alisamski+ 9 Report post Posted June 7, 2012 ok... will mess with it and let you know what happens.. Share this post Link to post Share on other sites
Rob 547 Report post Posted June 7, 2012 Great. It should be really easy to test. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
alisamski+ 9 Report post Posted June 8, 2012 OK... I know why I used the brand nav... because I started out the way you suggested.... and tried to move the nav over with a margin-left... however, the background for the nav stayed white... and covered my "header" art... I could not for the life of me find how to get rid of that nav background in firebug... I will put in place once again and if you can help with the css mods I'd appreciate it... Share this post Link to post Share on other sites
Rob 547 Report post Posted June 8, 2012 In your navigation CSS, you'll want to add [code] background: none repeat scroll 0 0 rgba(255, 255, 255, 0.10);[/code] which gives you 10% opacity. If you want none, set it to 0.0. You might need to simply adjust the height or margin-top for the branding. It should be fairly easy. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
alisamski+ 9 Report post Posted June 8, 2012 wow. I was able to get the nav over fairly easy... however I'm having some image gaps in the header art and sidebar art... you can see the gap in the shadow of the art. So Im adding quite a bit of css to see what needs to move around... Share this post Link to post Share on other sites
Rob 547 Report post Posted June 8, 2012 There appears to be some padding around one of the branding related elements which I can't find. It's pushing the content area down, creating the gap. Unfortunately, my skills are not quite good enough to identify it. However, I'll shoot a message to one of my colleagues with much better CSS skills to ask them to take a look. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
alisamski+ 9 Report post Posted June 8, 2012 We've been fussing with it... and seem to have it in place... not sure what the heck we did... but it seems to be working... phew! a combo of 5 different css mods! Share this post Link to post Share on other sites
Rob 547 Report post Posted June 8, 2012 Good things take work! Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
alisamski+ 9 Report post Posted June 8, 2012 good answer! Thanks for your help thru it all! Share this post Link to post Share on other sites