WordPress.org

Ready to get started?Download WordPress

Forums

How to increase spaces between categories on nav menu? (5 posts)

  1. marieteather
    Member
    Posted 1 year ago #

    If you look at my website http://www.worldette.com you'll see the text on the nav menu runs together and is difficult to read.

    I would like the three categories: 'Ignite your travel life' 'Make a difference' 'Have fun' to be separated from each other more.

    I would like the three categories to be spread out from left to right - all the way to the search box.

    How do I increase the space between the category titles? (And not the space between each letter)

    Thanks so much!

  2. mukesh panchal
    Member
    Posted 1 year ago #

    .nav li {
    float: left;
    padding: 10px;
    position: relative;
    }

    put padding

  3. Realcube Technologies
    Member
    Posted 1 year ago #

    Please add Margin left in style.css (line 350)

    .nav li{
      margin-left: 60px;
      float: left;
      position: relative;
    }

    And add This CSS Code After .nav li

    .nav li:first-child {
     margin-left: 0px;
    }

    You can set margin-left:..; 60px, 80px, 100px or as you wish.

    FYI
    http://reference.sitepoint.com/css/pseudoclass-firstchild

  4. marieteather
    Member
    Posted 1 year ago #

    Thanks so much!

    I'm not trying to place my main Worldette logo to be placed in the middle of the page.

    Would you know how to do that too at all please?

  5. mukesh panchal
    Member
    Posted 1 year ago #

    in your css u asign 4 css to logo
    check it

    and then give the problem

Topic Closed

This topic has been closed to new replies.

About this Topic