New Landing › How can we help? › Atelier › Padding between menu items – mega menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Atelier
  • April 27, 2017 at 1:31 am #322508
    watkin92
    Member
    Post count: 3

    Hi,
    I want to reduce the padding between menu items in mega menu.
    I found the following code in the support forum, however it doesn’t work for me

    .sf-menu-item-html {
    padding-bottom: 0px!important;
    }

    Is it correct?

    Thanks,
    Alex

    April 27, 2017 at 8:56 am #322529
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Will need your site url to have a look?
    Thanks

    -Rui

    April 27, 2017 at 12:45 pm #322551
    watkin92
    Member
    Post count: 3

    Hi,
    https://searchthesales.co.uk

    Thanks,
    Alex

    April 27, 2017 at 1:28 pm #322558
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Add the code below to your custom css option.

    li.menu-item.sf-mega-menu ul.sub-menu > li ul > li.menu-item {
     line-height: 13px;
}

    -Rui

    April 27, 2017 at 4:06 pm #322599
    watkin92
    Member
    Post count: 3

    Thats great! Works perfectly thanks

    The other thing is that I have found the settings to change the menu font, but I can’t find how to change the font of sub menu items, such as title font size?

    Thanks,
    Alex

    April 28, 2017 at 4:45 pm #322778
    David Martin – Support
    Moderator
    Post count: 20834

    Sub menu item font sizes can be altered using this:

    nav.std-menu ul.sub-menu > li > a, 
nav.std-menu ul.sub-menu > li > div.current-language {
    font-weight: normal;
    font-size: 14px;
}
  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register