en WordPress.com Forums › CSS Customization

Menu

  • Author
    Posts
  • #2003952

    faofoodlovers
    Member

    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.

    #2004065

    abreujamil
    Member

    Sure! Try:

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

    #2004123

    faofoodlovers
    Member

    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

    #2004125

    abreujamil
    Member

    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

  • Author
    Posts

The topic ‘Menu’ is closed to new replies.