Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 30, 2017 at 10:05 am #845713
    Soyala

    Hi
    Please take a look on the screenshot. Can you help me please to adjust the css for the Mega Menu?
    Thanks.

    September 1, 2017 at 4:47 am #846591
    Rikard

    Hey naryskina,

    Thanks for the screenshot, what do you want to adjust and where can we inspect the element in question?

    Best regards,
    Rikard

    September 1, 2017 at 7:58 am #846673
    Soyala

    Oh sorry. See in the private content the link. The mega menu is to wide. The distances between the submenu “li” are also too far apart.
    For example, there are 3 submenu points. they have an extreme wide width, this I would like to make more compact.

    Still a question of understanding, concerning mega menu. The menu items for “Angebot”, “Mitmachen” “Verein” and “Info” I have to create with
    an individual link not with page?

    September 1, 2017 at 9:53 am #846740
    Nikko

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #header .avia_mega_div .menu-item {
    width: auto !important;
}

    Let us know if this helps.

    Best regards,
    Nikko

    September 1, 2017 at 11:20 am #846805
    Soyala

    Tanks, It have tested it on different browser but unfortunately no change.

    September 2, 2017 at 6:52 am #847085
    Rikard

    Hi,

    Thanks for the feedback. Please try this instead:

    .avia_mega_div > .sub-menu > li {
    display: inline-block !important;
}

    Best regards,
    Rikard

    September 5, 2017 at 9:48 am #848011
    Soyala

    Hi,
    I have it tested, also in combination with the first code. But unfortunately no reaction. Maybe you have another idea?
    thanks.

    September 5, 2017 at 12:07 pm #848061
    Nikko

    Hi,

    Can you try to give us temporary admin access? so we can test the code we gave, or if it’s a caching issue.

    Best regards,
    Nikko

    September 6, 2017 at 8:53 am #848501
    Soyala

    Yes of course. See the login data below.
    Thanks

    September 6, 2017 at 10:19 am #848515
    Nikko

    Hi,

    Thanks for providing the login, I have added this css code in QUick CSS:

    #header .avia_mega_div {
    max-width: 515px;
}

#header .avia_mega_div .menu-item {
    width: auto !important;
}

.avia_mega_div > .sub-menu > li {
    display: inline-block !important;
}

    Let us know if it’s good.

    Best regards,
    Nikko

    September 6, 2017 at 5:29 pm #848773
    Soyala

    Hi
    Thank you for your quick help. Everything is perfect!!!

    September 6, 2017 at 10:24 pm #848871
    Nikko

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Mega Menu adjustments’ is closed to new replies.