Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 11, 2019 at 8:40 pm #1109273
    Josh

    Hi, i’d like to change the color that appears as a border around the entire mega menu (under “Practices”). It’s about 20px wide. I do not want this change to affect my other navigation colors though, can you help?

    I would also like to remove the Underline from the titles in the Mega Menu

    • This topic was modified 5 years, 6 months ago by Josh.
    June 12, 2019 at 6:51 am #1109380
    Rikard

    Hey Josh,

    Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-787 .avia_mega_div {
    border-color: red;
}

    Best regards,
    Rikard

    June 12, 2019 at 6:17 pm #1109559
    Josh

    Hey Rikard, thank you for the reply. Unfortunately it didn’t work (it’s still the same darker blue colour), i’ve left it in the quick css so you can see for yourself.

    Also, please advise on removing the underline on the Column titles in the mega menu? Thank you!

    June 13, 2019 at 6:41 am #1109726
    Rikard

    Hi,

    Please try this instead:

    #menu-item-787 .avia_mega_div {
    border-color: red !important;
}

    Underline;

    .mega_menu_title a:hover {
    text-decoration: none !important;
}

    Best regards,
    Rikard

    June 13, 2019 at 5:40 pm #1109943
    Josh

    Hey Rikard,
    The underline issue is resolved (thank you!) however the padding/border/gap around the mega menu remains the darker blue. The addition for that did add a 1px red line at the top of the mega menu though, so perhaps some progress :)

    Just incase my explanation wasn’t clear; it’s the #0093ad padding around the two columns that i would like to change to #00b7db

    Please just let me know if you’d like a screenshot. Your continued help is appreciated! Thank you.

    June 14, 2019 at 5:08 am #1110191
    Rikard

    Hi,

    It seems like it’s a background, not a border. Try this instead:

    #menu-item-787 .avia_mega_div {
    background-color: red;
}

    Best regards,
    Rikard

    June 14, 2019 at 4:34 pm #1110368
    Josh

    Hey Rikard, sorry to report; still no change to it with this addition.

    June 14, 2019 at 8:31 pm #1110479
    Jordan Shannon

    Hi,

    Did you clear the cache a few times over? Also add the css to the very top of quick css so it runs first.

    Best regards,
    Jordan Shannon

    July 3, 2019 at 6:17 pm #1115540
    Josh

    Hi Jordan, sorry for the slow reply but ive been away.

    I put it at the top, and yes i have cleared cache a number of times as well as loaded it into a new browser. No luck, the darker blue border/bg remains as you can see linked below, hover your mouse over “Practices”

    July 4, 2019 at 8:41 am #1115664
    Rikard

    Hi,

    Please try this instead:

    #menu-item-787 .avia_mega_div {
    background-color: red !important;
}

    And remember to delete the old CSS and JS files under Enfold->Performance.

    Best regards,
    Rikard

    July 4, 2019 at 5:01 pm #1115840
    Josh

    Thanks Rikard,
    I posted it at the top of the CSS and dumped the old CSS and JS files as instructed but still the border/background remains.

    July 6, 2019 at 7:30 am #1116164
    Rikard

    Hi,

    Please try this CSS as well:

    #menu-item-787 .avia_mega_div ul {
    background-color: red !important;
    border-color: red !important;
}

    Best regards,
    Rikard

    July 8, 2019 at 6:35 pm #1116745
    Josh

    Nailed it! Thank you all for your help. Please feel free to close this topic

    July 8, 2019 at 11:50 pm #1116791
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in forums.

    Best regards,
    Jordan Shannon

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