Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 11, 2019 at 3:25 pm #1099582
    Tanguera108

    Hi,
    I want to change my menu to a “Mega Menu”, it worked but the font size of the dropdown links is way to big, the space between the links is to big and I also want to change the color.

    I know that all can probably changed in “Advanced Styling” but everything I tried failed.
    Ho can I change all this stuff?

    The Mega Menu is currently not active on my Website (because I don’t like the look) so I cannot provide a link.
    But I made a screenshot – how can I show it to you?

    Thanks for help!
    Frauke

    May 13, 2019 at 4:50 am #1099881
    Rikard

    Hey Frauke,

    It would be easier for us if we could see the problem on your actual site, maybe you could set up a staging site? A staging site is useful for other things as well. If you can’t then please at least provide us with a screenshot.

    Best regards,
    Rikard

    May 13, 2019 at 8:10 am #1099932
    Tanguera108

    Hi Rikard,
    how can I show you the screenshot, how can I attach it to this thread?

    Frauke

    May 13, 2019 at 3:22 pm #1100105
    Jordan Shannon

    Hi,

    You can use the following:

    https://snag.gy/

    Best regards,
    Jordan Shannon

    May 13, 2019 at 9:12 pm #1100296
    Tanguera108

    Hi,
    I put the screenshot online, see link below in private content.
    Thanks for your help!

    Best regards,
    Frauke

    May 14, 2019 at 1:04 pm #1100513
    Rikard

    Hi Frauke,

    Thanks for that, could you post login details in private as well so that we can activate the mega menu for a few minutes? Otherwise it’s hard to give you accurate CSS.

    Best regards,
    Rikard

    May 15, 2019 at 8:37 am #1100899
    Tanguera108

    Hi Rikard,
    below in private content you find the login details.
    Thanks for your support!

    Best regards
    Frauke

    May 15, 2019 at 1:48 pm #1101041
    Jordan Shannon

    Hi,

    Try the following in quick css:

    #top #header .mega_menu_title a {
    font-size: 15px;
}

    Best regards,
    Jordan Shannon

    May 16, 2019 at 10:32 am #1101382
    Tanguera108

    Hi,
    thank you Jordan, with this code in quick css it looks already much better!
    Is it also possible to reduce the space/padding between the drop down links?
    And can I change the color of the drop down links? (in some kind of dark grey or something like that –
    if you provide me with the code for this I could adapt the color-number myself)

    Thanks in advance for your support!

    Best regards
    Frauke

    May 17, 2019 at 3:23 pm #1101824
    Jordan Shannon

    Hi,

    Just add the color with it:

    #top #header .mega_menu_title a {
    font-size: 15px;
    color:#000!important;
}

    Best regards,
    Jordan Shannon

    May 21, 2019 at 10:18 am #1102781
    Tanguera108

    Hi,
    thanks a lot for adding the color to the code! Due to other technical problems I am a little bit late with my answer, sorry.

    And what about the the space/padding between the drop down links? Is it possible to reduce this?
    Thanks for help!

    Best regards
    Frauke

    May 21, 2019 at 6:16 pm #1102988
    Jordan Shannon

    Hi,

    Add this to quick css:

    #top #header .avia_mega_div > .sub-menu{
padding-top:10px!important;
padding-bottom:10px!important;
}

    Best regards,
    Jordan Shannon

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