Okay
  Public Ticket #3216649
Menu item spacing
Closed

Comments

  • jorenprins started the conversation
    January 26, 2023 at 8:10am

    I have 4 menu items at the moment and I set the menu item spacing to the maximum by default which is 50px. 

    Can you provide me with some CSS with which I can enlarge the menu item spacing to my liking?

    Thanks in advance!

  •  1,877
    Judith replied
    January 26, 2023 at 9:29am

    Hello Jorenprins,

    Thanks for choosing Salient.

    Please try this css:

    #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a, #top nav > ul > li[class*="button_solid_color"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"] > a:hover, #header-outer[data-lhe="animated_underline"] #top nav > .sf-menu > li[class*="button_bordered"] > a, #top nav > ul > li[class*="button_bordered"] > a, body #header-outer.transparent #top nav > ul > li[class*="button_bordered"] > a, body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_bordered"] > a:hover, body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a, #header-outer[data-lhe="animated_underline"] #top nav > ul > li[class*="button_solid_color"] > a {
        margin-left: 0px;
        margin-right: 45px;
    }

    Thanks.