Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #886464

    Hi there

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

    Many thanks

    #886617

    Hey Picante,

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

    Best regards,
    Victoria

    #887084

    Yes :-)

    #887325

    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

    #887339

    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;
    }

    #887343

    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

    #887351

    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.

    #887422

    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

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