Jump to content


Photo
- - - - -

Centre Nav Menu in Pagelines Framework


  • Please log in to reply
10 replies to this topic

#1 teeskie

teeskie

    Member

  • Members
  • 27 posts

Posted 01 March 2012 - 08:35 AM

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:

Please Login or Register to see this Hidden Content


What do I need to change for pagelines?

Cheers!
Tim

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17015 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 01 March 2012 - 11:25 AM

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

#3 teeskie

teeskie

    Member

  • Members
  • 27 posts

Posted 01 March 2012 - 07:54 PM

labs.launchagent.co.nz/notetoself

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 01 March 2012 - 08:29 PM

Try this:

Please Login or Register to see this Hidden Content


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.

#5 teeskie

teeskie

    Member

  • Members
  • 27 posts

Posted 01 March 2012 - 11:11 PM

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

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 02 March 2012 - 03:12 AM

Please try using this CSS instead:

Please Login or Register to see this Hidden Content



#7 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 02 March 2012 - 04:07 PM

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. :)

#8 teeskie

teeskie

    Member

  • Members
  • 27 posts

Posted 14 March 2012 - 04:35 AM

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

#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 March 2012 - 08:38 PM

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

Please Login or Register to see this Hidden Content

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.

#10 teeskie

teeskie

    Member

  • Members
  • 27 posts

Posted 14 March 2012 - 09:07 PM

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:

Please Login or Register to see this Hidden Content


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?

#11 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 15 March 2012 - 02:53 AM

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:

Please Login or Register to see this Hidden Content