Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 8, 2017 at 12:48 pm #886464
    Picante

    Hi there

    Can you tell me how I can reduce the space between sub-level menu items please?

    Many thanks

    December 8, 2017 at 9:19 pm #886617
    Victoria

    Hey Picante,

    Do you mean the space between the columns here? (screenshot in private)

    Best regards,
    Victoria

    December 10, 2017 at 12:24 pm #887084
    Picante

    Yes :-)

    December 11, 2017 at 12:22 pm #887325
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #header .twelve.units {
    width: 900px;
}

#header .nine.units {
    width: 600px;
}

    Just adjust the widths. Let us know if this helps :)

    Best regards,
    Nikko

    December 11, 2017 at 12:33 pm #887339
    Picante

    Hi Nikko

    Do I need to use both of those codes or just one of them?

    1. #header .twelve.units {
    width: 900px;
    }

    2. #header .nine.units {
    width: 600px;
    }

    December 11, 2017 at 12:36 pm #887343
    Nikko

    Hi,

    Both of them, the 1st one is for the longer mega menu while the other code is for the shorter megamenu that has 3 items in it.

    Best regards,
    Nikko

    December 11, 2017 at 12:45 pm #887351
    Picante

    Thanks Nikko but that doesn’t seem to be working?

    I’ve tried adjusting the widths to 500px and 300px but it’s not doing anything.

    December 11, 2017 at 2:40 pm #887422
    Victoria

    Hi Picante,

    Try adding !important;

    
#header .twelve.units {
    width: 900px !important;
}
#header .nine.units {
    width: 600px !important;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.