Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 8, 2017 at 3:59 pm #744390
    LorbeerDesign

    Dear Support Team,

    I need your help with my mega menu.
    I can not make it alone, the complete background of each sub-menus in one color. As shown in the screenshot. For me, just behind the text is a colored area.
    The linktext I do not get white.

    It would be very nice if you could help me.

    best regards
    Katrin

    Screenshot

    February 13, 2017 at 7:46 am #746174
    Vinay

    Hey LorbeerDesign,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    In the below code nth-child(x) the number x refer to the menu item. Please add more nth-child selectors to match the number of menu items and update the background color values.

    #top #header .avia_mega_div .sub-menu:nth-child(1) {
background:gold!important;
}
#top #header .avia_mega_div .sub-menu:nth-child(2) {
background:green!important;
}

    Best regards,
    Vinay

    February 13, 2017 at 10:00 am #746269
    LorbeerDesign

    Hi Vinay,

    Thank you for your answer. So it looks great. I would like the font color in white. My code is no longer for the font color. How can I change the font for the mega menu?
    Can you tell me how I do it?
    And a small thing: it is a fine yellow line right in the mega menu (see screenshot).

    best regards
    Katrin

    screenshot

    February 13, 2017 at 12:37 pm #746348
    Vinay

    Hey!

    Glad you like it :)
    Please try the below CSS :

    /* Submenu text color */
#top #header .avia_mega_div .sub-menu a {
color:#FFF!important;
}

/* Remove yellow line*/
.header_color .avia_mega_div {
	background:transparent!important;
}

    Cheers!
    Vinay

    February 14, 2017 at 9:51 am #746778
    LorbeerDesign

    Hi Vinay,

    Wow – thanks for your help. I love your great support!
    I only noticed that the first submenu does not color in the color as it is in my code? should not be yellow but #8BB200.

    Thanks again for your help and greetings
    Katrin

    February 17, 2017 at 7:29 pm #748598
    Vinay

    Hi,

    Hey it appears you have figured this one out. The first submenu link background color is the same as you mentioned please check attached screenshot.

    Let us know if you have any questions, we are happy to help :)

    Best regards,
    Vinay

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