funken 0 Report post Posted March 13, 2011 Hi, I'm looking to move the main nav to the right of the logo. I've seen other threads that do this with css but I'd like to do it with a hook instead. Can't seem to figure out how to do this correctly. I'm new to hooks but I understand the basics of them. Any tips? Thanks! Share this post Link to post Share on other sites
catrina 103 Report post Posted March 13, 2011 Do you already know which hook you're going to use or do you need help with figuring out which one is correct? 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
funken 0 Report post Posted March 13, 2011 Could use some help figuring out which one is correct. Everything I tried ended up adding a second navigation and not moving the original. Thanks! Share this post Link to post Share on other sites
catrina 103 Report post Posted March 13, 2011 Have you tried the pagelines_after_branding hook? 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
funken 0 Report post Posted March 13, 2011 yep, i don't think I'm calling the right thing in the function though. Any advice? Share this post Link to post Share on other sites
kastelic 6 Report post Posted March 13, 2011 If you're inserting the navigation using a hook, why don't you remove the nav-bar from your page templates in Template Setup to avoid the double navigation? Share this post Link to post Share on other sites
funken 0 Report post Posted March 14, 2011 Decided to just go ahead and do it in the css versus the hook. Although now I get a horizontal scroll bar where if I scroll to the right I get a black space to the right of my background image. Only seems to be happening in FireFox. Haven't tried IE yet. Any ideas on how to get rid of this black space? Thanks. Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted March 15, 2011 I was going to recommend CSS anyways. Add this additional CSS: `body{overflow-x:hidden}` Thanks, Bryan Share this post Link to post Share on other sites
funken 0 Report post Posted March 15, 2011 Bryan that seems to remove the horizontal scroll bar but it still allows me to scroll right on a trackpad. For example, when I scroll to the right on my MacBook it will still reveal the black space. Something I have to live with? Thanks. Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted March 15, 2011 Well, is that only because you know about it? Would a user try to side scroll or accidentally do so? It's probably just a matter of giving your menu a pixel width so that it's div isn't running off the page. If you need further help I need a link. Thanks, Bryan Share this post Link to post Share on other sites
funken 0 Report post Posted March 16, 2011 Bryan, Here's the link: http://thefunken.com/_stacyrolfe/ If you could point me in the right direction of where to put the pixel width of the menu that'd be great. As I said before it's only doing it in FireFox (haven't tested in IE though). Thanks! Share this post Link to post Share on other sites
bryan-hadaway 3 Report post Posted March 16, 2011 `body #primary-nav ul.main-nav{width:600px}` Should do the trick. How did I figure it out: http://www.pagelines.com/docs/changing-colors-fonts http://www.w3schools.com/css/ Thanks, Bryan Share this post Link to post Share on other sites
funken 0 Report post Posted March 16, 2011 Perfect, thank you sir. Share this post Link to post Share on other sites
