Need help? Check out our Support site, then


Menu

  1. 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 faofoodlovers.com.

  2. Sure! Try:

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

  3. 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

  4. 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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags