Hi, the info on the support form for this issue is from 2015 and no longer appears applicable. I want my menu to look like this user has asked for, however i am not using a child theme:
I would like to have the descriptions for links in the mega menu appear on the front end. I would like them to look something like this:
Mega Menu Column Title
Page Link
Description in smaller text
Page Link
Description in smaller text
Page Link
Description in smaller text
Questions:
1. How can i make the description for the link appear?
2. How can i change the font for a link in the mega menu?
3. How can i change the font for the description once it is visible?
Hey HostageMedia,
Thank you for using Enfold.
Having a child theme is highly recommended, but you can always activate any snippet plugin if you don’t want to create a child theme and as suggested on the previous thread, the “avia_responsive_mega_menu” class can be overridden.
// https://wordpress.org/plugins/code-snippets/
// https://wordpress.org/plugins/my-custom-functions/
Best regards,
Ismael
hi Ismael,
If i wanted to change the color and size of avia_responsive_mega_menu how would i go about that? Using Quick CSS if possible.
Hey!
You can start with the following css code.
/* mega menu title */
#top #header .mega_menu_title a {
color: inherit;
font-size: 17px;
line-height: 1.1em;
padding: 0;
margin: 0;
background: transparent;
border: none;
}
/* mega menu links */
#top #header .avia_mega_div > .sub-menu > li > ul > li a {
width: auto;
float: none;
display: block;
border: none;
padding: 3px 12px 3px 12px;
font-weight: normal;
height: auto;
line-height: 23px;
}
Cheers!
Ismael
Perfect, thank you very much!