WordPress.com

1. witapuspita
   Member
   Nov 29, 2012, 3:53 AM

   Hello,
   I am working on my blog http://witapuspita.com/
   Everything looks quite like what I wanted, but how do I move the menu links (Portfolio, About Me, Link) from the top right hand corner to below the header image in the center?
   Thanks for your help!

   The blog I need help with is witapuspita.com.

2. castelinokelvin
   Member
   Dec 17, 2012, 9:01 AM

   Hmm since your blog is self hosted, I suppose you have the access to you code. Are you ready to do some PHP code change or you want achieve this only through CSS, which would be little hard so!

   PHP code will be in the Dashboard -> Appearance -> Editor

3. designsimply
   Staff
   Dec 31, 2012, 4:56 PM

   Hello! @castelinokelvin, it looks like you're assuming that anyone with a custom domain name is using a self-hosted WordPress.org setup but that's not the case! A simple way to tell is by looking at the footer. A link back to WordPress.com means it's hosted at WordPress.com even if the domain doesn't say "wordpress.com" in it. :)

4. designsimply
   Staff
   Dec 31, 2012, 4:57 PM

   How do I move the menu links (Portfolio, About Me, Link) from the top right hand corner to below the header image in the center?

   Try adding this to your Appearance → Custom Design → CSS editor:

   .blog #masthead hgroup,
   .home.page #masthead hgroup {
   	margin-bottom: 0;
   }
   
   .main-navigation {
   	position: absolute;
   	text-align: center;
   	top: 275px;
   	width: 940px;
   }
   
   .main-navigation ul {
   	float: none;
   	display: inline-block;
   }
   
   .main-navigation li:first-child a {
   	margin-left: 0;
   }

   Note that it's best to only copy in the CSS rules that you change without copying the entire original stylesheet into the editor. It makes things easier to keep track of and the CSS will be easier to work with that way.

Topic Closed

This topic has been closed to new replies.