Center NavBar

5 posts in this topic


I am new to Pagelines and just starting to build my site. I am trying to center my navbar and cannot find where I can change the CSS. It currently looks like the attached photo.

Can you please help me center it?



Center Nav.tiff

Share this post

Link to post
Share on other sites

You will need to use Firebug or Chrome Development tools to find the CSS. Are you familiar with either of them or do you need assistance?

Share this post

Link to post
Share on other sites

I am not familiar with either. Would you be able to point me in the right direction?



Share this post

Link to post
Share on other sites


First things first, in future can you please use a image upload service such as or similar, I am unsure as to why you're attaching images in Tiff format, please use Jpeg.

From your image you attached, it appears that you're using the Nav Classic navigation section. However, without a link to your site so I can see which section is in use, I can not be certain. I will provide you with the Nav Classic code to center your nav.

If this doesn't work, please provide a link to your site so I can see which navigation section is active.

Add the following code to your custom CSS/LESS area located in PageLines > Site Options > Custom Code:

#site .navigation_wrap .main_nav { margin-right: 0; }
#site .main_nav ul { text-align: center; float: none; }
#site .main_nav ul > li { float: none; display: inline-block; }[/CODE]

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

  • Similar Content

    • navbar in mobile view
      By micstepl+
      make NavBars (each) choose-able, to break in mobile view "above content" OR "below content"
    • DMS 2 Navbar menu repeats in hamburger mode
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

    • Scroll Nav in Safari not properly sticking to NavBar
      By janpeeters+
      I'm using the Scroll Nav extension on It works mostly great but in Safari 9.0.1 it jumps too high when it sticks. Firefox and Chrome latest versions work just fine in the current setup.
      So I'm wondering if the developer of the plugin is around to give me a clue as to how to fix this? I've thought of using the CSS Classes of the Pagelines Pro plugin but couldn't find a way to get it working.
      Thanks for any suggestions.


    • Change NavBar Menu alignment and font size
      By saur0+
      Hi, I have managed to change the size of the navbar logo to 75px, but I now want to change the size of the font on the menu (20px) and align the menu vertically to the bottom (so it is in line with the bottom of the logo image). I've been playing around with the CSS but can't seem to get it right, if anyone could give me some pointers it would be much appreciated. 
      The site is if you want to take a look at the source. 

    • NavBar Parent links not clickable
      By greatthingsllc
      I have used the NavBar (Content Width) with blue background color selected.   The Parent Links are not clickable, only the child links.   I have tried with "Activate DropDown on Hoover" both selected and unchecked. 
      Only the NAVI (Content Width) allows the parent links to be clickable, but you can not select a background color.    The background color is a requirement from the end user.