Jump to content

Center Logo Within the Navigation (with nav on both sides)

Recommended Posts


Hello! I am putting together layout options for a client, and one of my layouts suggest centering the logo and having navigation on both sides of it. Before I send it as an option, I want to make sure it's possible with Pagelines! ;) Here's an example of what I mean: http://loftresumes.com/


Has anyone achieved this? Thanks in advance for your help!

Share this post

Link to post
Share on other sites



First, if you go to Dashboard > Appearance > Menus and click Screen Options on the top right side, you'll see a drop down panel open.  One option will be CSS Classes.  Check it.  Then click on Screen Options again.


When you add a custom menu item or open an existing one, you may now add a unique word or phrase with no spaces that can be custom styled with CSS.


Between the first three items and the next, you can add a new menu item and use a # for the link. Using the unique class, you may always set the width of that specific element. 


As for making the logo... put that into the background, or, you can add it in several ways.  I do not know quite how you'd make it layer over a slider. A link can be made with that logo, based on how it's added and by using z-index, I suspect, to make it work.

Former PageLines Moderator, Food Expert and Raconteur

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