[AlexParticipant]

Hello,

If you hover the mouse pointer over the Resources in the menu on this page: https://weekdone.com/benefits

…you will see great-looking mega menu with an image on the side.

Is that possible to recreate in your theme?

And how can I change the link color for certain items like in that menu? I would like to have categories and then linked items inside them.

For example:

PRODUCTS

Item 1
Item 2
Item 3

SERVICES

Item 1
Item 2
Item 3

Thank you.

[AlexParticipant]

And yes, I read your KB article on mega menus. 🙂

[KoryKeymaster]

Hey there,

Thanks for writing in! The information covered in the megamenus Knowledge Base article that you referenced explains the full extent to which our megamenu functionality operates. As mentioned in there, they are a great way to manage lots of link content if you happen to have no way around needing many submenus under a main link item. If you are looking for anything beyond this, such as adding images or other content, you will need to look into a third party solution that can assist you with this.

Regarding changing the link color on a megamenu item, if you’re looking to change the color of the “title” link, the following CSS should help you out:

.x-nav .x-megamenu > .sub-menu > li > a {
  color: #000 !important;
}

And this should help you to target the links below that:

.x-navbar .sub-menu a {
  color: #353535 !important;
}

Without having a link to your site, this is the best assistance I can offer up at this time regarding altering colors. Remember, you can also easily inspect items using Chrome by right-clicking on the item you’re interested in changing and selecting Inspect Element from the dropdown menu. This will bring up a dialog box at the bottom of your browser showing markup on the left, which you can select an element from. Once you have selected an element, the corresponding CSS will show up on the right. This will show you the appropriate selectors you should use in your CSS and will also give you the ability to play around with combinations live in the browser to see what you like best. When you’re satisfied with this, simply move your code over to your theme and you’ll be good to go.

Thanks!

[Author]

Posts