• 0
Sign in to follow this  
Followers 0

Centre Nav Menu in Pagelines Framework

Question

Posted · Report post

I had this working in platform pro, but then I upgraded to pagelines framework, and nothing seems to be working. The code I had to centre align was:

#nav_row ul{float:none !important;text-align:center;}
	#primary-nav li{float:none !important;display:inline !important;}
	#menu-nav a{float:none !important;display:inline !important;}

What do I need to change for pagelines? Cheers! Tim

Share this post


Link to post
Share on other sites

10 answers to this question

  • 0

Posted · Report post

Hi Tim, Can you provide a link to your website please.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

labs.launchagent.co.nz/notetoself

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Try this: [code].main_nav_container.nosearch, .nosearch .main_nav { margin-left: 70px; margin-right: 0; }[/code] My only issue was that it shifted over the top and bottom lines to the right outside the canvas. That can be adjusted too, or the lines can be removed.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'm trying to match the original theme on notetoself.biz And I have centered the nav on another theme I have, but it was on platform pro: curiousclimbers.co.nz I'd like to make it so that the user can change the manu items, and still be center aligned.. I had the nav centered on the labs.launchagent.co.nz/notetoself but then upgraded to pagelines, and now I can't get it back.. Any help appreciated! thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Please try using this CSS instead: [code]ul#menu-main ul.main_nav { margin-left: 70px; margin-right: 0;}[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

CSS selectors have changed some. #nav_row is the same for both themes #primary-nav is just #nav in PageLines I don't see a reference to #menu-nav in PlatformPro so maybe that one never worked to begin with. :)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hmm, I can position the nav in the right position using margin-left etc, but what I want to do centre the nav menu, so when the user changes the nav menu it will stay centered... margin: 0 auto; doesn't work for me yet... T

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

T, I don't know where you're getting margin:0 auto; from, but I haven't seen any of my colleagues suggest that in any of the previous CSS. Please use [url="http://www.getfirebug.com"]Firebug for Firefox[/url] to identify the CSS and remember that auto doesn't work to center menus, nor does center. You need a combination of margin-left and margin-right to position the menu in the center.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

My apologies, was trying to sort a fix with margin: 0 auto, not recommended by you guys. I'm just trying to fix a theme that's gone a bit wonky since upgrading to pagelines 2.0 As I said above the original code was: [code]#nav_row ul{float:none !important;text-align:center;} #primary-nav li{float:none !important;display:inline !important;} #menu-nav a{float:none !important;display:inline !important;} [/code] I had it all sorted in platform pro, then upgraded the to pagelines and now I can't seem to figure out how to center again. I dont want a fixed margin position, because the user will add menu items later, and they don't know how to use css to realign then nav. It's perfect in platform pro: curiousclimbers.co.nz But I can't achieve it in pagelines.. Any ideas?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

The CSS changed a bit in PageLines. Usually, margin: 0 auto works, but I'm not sure why it wouldn't be working in this case. Perhaps this tutorial would be useful: http://www.maxdesign.com.au/articles/center/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0