Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1109273

    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 11 months, 4 weeks ago by  Josh.
    #1109380

    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

    #1109559

    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!

    #1109726

    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

    #1109943

    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.

    #1110191

    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

    #1110368

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

    #1110479

    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

    #1115540

    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”

    #1115664

    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

    #1115840

    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.

    #1116164

    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

    #1116745

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

    #1116791

    Hi,

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

    Best regards,
    Jordan Shannon

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Background/Border Mega Menu’ is closed to new replies.