Consulting theme menu

Hey collinssafety,
Thank you for your new thread, it seems that you have found the big blue button at the top of the forum with the text:
“Can’t find a solution to your problem? Open a new thread”
But I can see that if you are reading a thread this button is not visible, in this case please look at the breadcrumbs and click the “Enfold” to be taken back to the main forum.

I didn’t find the css to create a accordion style menu, so I worked this out for you by installing the demo on my localhost and adding a couple of menu items under one, Please try this code in the General Styling > Quick CSS field:

.av-main-nav li:hover > ul {
    top: 100% !important; 
    left: 0% !important; 
    position: relative !important; 
    width: 100% !important; 
}
.header_color ul.sub-menu li {
    border-width: 0px !important; 
}
.av-main-nav > li > ul.sub-menu {
    border-top-width: 0px !important; 
    border-top-style: none !important; 
}
.av-main-nav ul.sub-menu li a {
    border-right-style: none;
    border-right-width: 0px;
    border-left-style: none;
    border-left-width: 0px;
}
.av-main-nav ul.sub-menu li:last-child > a {
    border-bottom-style: none;
    border-bottom-width: 0px;
}

.html_header_sidebar #header .av-main-nav ul.sub-menu > li > a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

If this fails, please try this code in the WordPress > Customize > Additional CSS field.
If this still fails, then include your url so we can take a closer look.

Best regards,
Mike

Hi,
What font size would you like? Please undue the font size change in the Advanced Styling and include a link to your site, so I can assist with some css.

Best regards,
Mike

Hi,
Thanks for the link, please try this css, the first rule is for the main menu & the second rule is for the sub-menu, should you want to adjust the font size there as well:

.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text {
    font-size: 20px !important; 
    line-height: 1.3em !important; 
}
.html_header_sidebar #header .av-main-nav > li > ul.sub-menu > li > a span.avia-menu-text {
    font-size: 20px !important; 
    line-height: 1.3em !important; 
}

Please feel free to adjust & then clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the login, I didn’t have access to the WordPress > Customize > Additional CSS or the WordPress > Appearance > Editor > style.css so I couldn’t check for errors, but I ws able to check Enfold Theme Options > General Styling > Quick CSS were I found that your arrows ” > ” were actually html code ” > ”

I suspect that you copied the code from a email rather that the code block in the forum, no mater I replaced with the correct css and cleared the cache plugin and my browser cache, and found it to work fine:

Please remove any rouge code in the areas listed above and clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we could help, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike