chules+ 4 Report post Posted July 6, 2012 I am working on a website that at this time is under development so I can not post a link. I have been struggling to find the "right way" to align the menu from the right. I am using the following code but I know this is not correct. Since I'm using a margin-left to try and force the menu to the right when the browser is reasized the menu is corrputed. What happens is the tabs start falling down into the content. If I were to align the menu to the right when a browser is reasized it would work just as it does when the menu as the default left alignment. I could really use some assistance in trying to get this working. ul.main-nav {margin-left: 475px !important;} Thank you - chules Share this post Link to post Share on other sites
Henry Perkins 14 Report post Posted July 6, 2012 @chules In version 2.2, you can use the NavBar navigation menu, and it gives you the option to align the navigation links to the right. Have you tried this? To achieve it with the current menu you are using, you'll have to use a little bit more than just margin-left. I use this CSS to float my items to the right: [code] float: right; margin-left: 875px; position: absolute; display:block;[/code] @henry_rly Share this post Link to post Share on other sites
chules+ 4 Report post Posted July 7, 2012 Henry, Thank you for the feedback. I have looked and Navbar and it does exactly what you say. However, I use Simple CSS with my current navigation and I've tried to customize the navbar without much success. I'll give this a try. Would be great if navbar had some point and click customization like Simple CSS. Thank you - chules Share this post Link to post Share on other sites
chules+ 4 Report post Posted July 7, 2012 Would this be the code that I would use [code]ul.main-nav { float: right; margin-left: 875px; position: absolute; display:block; }[/code] Thank you - chules Share this post Link to post Share on other sites
Rob 547 Report post Posted July 7, 2012 Chules, Without seeing the site, it's rather hard to tell. Using Firebug or Chrome Inspection Tool, you should be able to isolate the specific element and apply Henry's suggested CSS to test. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites