Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to change css of dropmenu individually?

Featured Lock Resolved Issue
Hello, how to change css of dropmenu individually? I found that the css of dropmenu apply to all dropmenus, I cannot find a method to let individual dropmenu have different style, e.g., for one dropmenu, I want to change the font-size. Any idea about this?

1 Answers

Toufiq - Staff

More than a month ago #Permalink

Thanks for your query. Please follow the below instruction.

1. Open your parent menu
2. Find out Helix mega menu tab
3. Go to the bottom & find out custom css class
4. Add a css class
5. Write down css for drop down menu under this css

Sample css
custom css name sp-cs


.sp-cs .sp-dropdown-main .sp-dropdown-inner {
background: #000;

Note: if you can't reach there, please let me know


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)



Total Accepted Answers: 137
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 123


Total Accepted Answers: 64


Total Accepted Answers: 5
Mohammed Ahmed

Mohammed Ahmed

Total Accepted Answers: 2




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us