Menu editing

  • Resolved buddika

    (@buddika)


    9 years, 2 months ago

    I need to reduce space in menu
    can anyone help on this ?
    site : https://www.srilankaholidays.net

    ***************** Navigation Area ******************************************/
    .logo-area { float: left; }
    .navigation-area { }
    .nav { padding-left: 0; }
    .navigation-area ul {
    padding: 0;
    margin: 0 -1.8em;
    display: block;
    }
    .navigation-area a {
    display: block;
    color: #000;
    padding: 1.5em;
    font-size: 1.2em;
    }
    .navigation-area li { list-style: none;display: inline-block; }
    .navigation-area a:hover, li.current-menu-item a {
    color: #74D3E5;
    }
    .navigation-area a.menu-toggle {
    display: none;
    }
    /************************************************************

Viewing 5 replies - 1 through 5 (of 5 total)

  • It looks like you have too many items in your menu to fit on the one line at the moment.

    Try reducing the space between menu items:

    .navigation-area a{
  padding:10px;
}
    Thread Starter buddika

    (@buddika)

    Thanks Jelly,

    Its Worked.

    Thread Starter buddika

    (@buddika)

    Hi , can i know how to reduce menu bar and the banner bar space?

    Hello, looks like you need to reduce the top and bottom padding on

    .header-content

    Here’s a thing I find helpful when trying to find the appropriate div to edit. There’s a plugin called Firebug that you can add to Firefox and Chrome. Here’s a link. Basically what I’ve done is used this to look at your site and figure out which parts of the css do what.

    https://getfirebug.com/

    Thread Starter buddika

    (@buddika)

    thanks i will go through it

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Menu editing’ is closed to new replies.