Jump to content
Sign in to follow this  
gisow

Center nav-menu and fav-icon

Recommended Posts

gisow

I have been trying to center-align the primary nav-menu and fav icon without success, and i could not find a working solution on the forum. what would be the preferred css to do this on a clean install of the pagelines framework?

Share this post


Link to post
Share on other sites
Jenny
You can't center align it but you can add left padding to move it to the right. Also, I have no idea what you mean by centering the fav icon? That would be something that you center in a photo editor such as Photoshop.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
gisow
What i found on the forum was this, i suppose this is not the way to do it? #nav_row ul{padding-bottom:10px !important;float:none !important;text-align:center;} #primary-nav li{float:none !important;display:inline !important;} #primary-nav a{float:none !important;display:inline !important;} I think i expressed myself badly, what i was trying to center align apart form the nav is the rss/google button in the branding section. Thanks for clearing up my odd phrasing :)

Share this post


Link to post
Share on other sites
Danny
Hi Gisow, I will look into this for you, there should be away of doing it I think. I will post here if I find anything. I have bookmarked your post!

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
kastelic
Could we see a link to your site? There is a line of CSS that can center your nav but it needs to have specific pixels widths in order to work.

Share this post


Link to post
Share on other sites
gisow
You can see the shell at 'swedishfiction . com'. i'm looking to center both the nav menu and the rss/social icons. Think i have been going through almost all selectors by now.. Looking forward to a solution.

Share this post


Link to post
Share on other sites
Kate
Hey gisow, This should do it for both: [code]#nav ul{padding-bottom:10px !important;float:none !important;text-align:center;} .navigation_wrap li{float:none !important;display:inline !important;} .navigation_wrap a{float:none !important;display:inline !important;} .icons{text-align:center !important;width:100% !important;top:65px;} .icons a{display:inline !important;float:none !important;}[/code]

Share this post


Link to post
Share on other sites
gisow
Thank you Kate! you just released me of a major headache, excellent 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

Sign in to follow this  

×