Jump to content


Photo
- - - - -
Resolved

How to center-align the Fixed Navbar?

navbar fixed navbar

  • This topic is locked This topic is locked
7 replies to this topic

#1 juvv

juvv

    Member

  • Members
  • 15 posts

Posted 02 October 2012 - 07:20 AM

Hi there,

I am trying to center-align the menu items in my fixed navbar and also have them spread out so they are wide enough to fill up the whole navbar (the same width as the content area), however cannot figure out how to do so.

In the options, I noticed that there were options to either left-align it or right-align it but nothing to center-align it - which is why I am here!

My site is

Please Login or Register to see this Hidden Content



I would also like to know how to change the font of these menu items? Is there an option or will I need to insert some code into the CSS sheet?

Thanks!

#2 Danny

Danny

    Is Awesome!

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

Posted 02 October 2012 - 08:22 AM

Hi,

Add the following code:


Please Login or Register to see this Hidden Content



If you do not wish to have your drop down menus aligned center, use the following code:

Please Login or Register to see this Hidden Content


If you wish to give a larger space between menu items add the following code:


Please Login or Register to see this Hidden Content


  • juvv likes this

#3 juvv

juvv

    Member

  • Members
  • 15 posts

Posted 02 October 2012 - 08:25 AM

Hi there,

Thanks for this - your help is much appreciated!

How do I actually change the font of the menu items though?

#4 Danny

Danny

    Is Awesome!

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

Posted 02 October 2012 - 08:49 AM

You can change your menu item font family by selecting what font you like in PageLines > Site Options > Typography.

However, you can also target them using CSS, add the code below and add your preferred font family.


Please Login or Register to see this Hidden Content



#5 juvv

juvv

    Member

  • Members
  • 15 posts

Posted 02 October 2012 - 09:26 AM

Great, thanks for your help.

You can now close the case as the problem was resolved! :)

#6 Danny

Danny

    Is Awesome!

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

Posted 02 October 2012 - 11:27 AM

The topic was marked as resolved.

#7 justonline_be

justonline_be

    Member

  • Members

  • 18 posts
  • Country: Country Flag

Posted 01 June 2013 - 03:11 PM

Dear

I've tried to add this code to the css, but it don't work. Is there an other place where i need to add this code?

Thanks a lot for your help

 



#8 Rob

Rob

    One Smart Egg

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

Posted 01 June 2013 - 03:31 PM

Add the code to Dashboard > PageLines > Site Options > Custom Code.

 

Please note, this topic is marked closed. If you have further questions, kindly open a new topic.  Thanks.







Also tagged with one or more of these keywords: Resolved, navbar, fixed navbar