Menu

• 

  faofoodlovers · Member · Aug 17, 2014 at 12:44 am

  • Copy link
  • Add topic to favorites

  Hi

  Wondering if anyone can help me with this.

  I would like to centre the words Home, Menu and Reviews at the top. I also want to remove the search icon and move the twitter/instragram to the far right.

  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  abreujamil · Member · Aug 17, 2014 at 2:44 am

  • Copy link

  Sure! Try:

  .site-header .search-form { display: none; } .nav-menu li.instagram-link-icon, .nav-menu twitter-link-icon { float: right; }

• 

  faofoodlovers · Member · Aug 17, 2014 at 9:14 am

  • Copy link

  I’ve added that code but its not worked, can you take a look at my page? The search has removed but the titles are not centred and only Instagram is to the right.

  thanks

• 

  abreujamil · Member · Aug 17, 2014 at 1:08 pm

  • Copy link

  Oops – missed an li tag before the twitter link icon:

  .site-header .search-form { display: none; } .nav-menu li.instagram-link-icon, .nav-menu li.twitter-link-icon { float: right; }

  Fixing the text centering is more tricky, here is one solution:

  .nav-menu li:nth-of-type(-n+3) { position: relative; left: 100px; }

  with the 100px being adjustable to your liking, the higher the number, the more to the right the items will appear.

  PS Here’s a great place to improve on your CSS skills:
  http://learn.shayhowe.com