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
Hi,

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

code

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


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

-Thanks


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 137
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 123
Toufiq

Toufiq

Total Accepted Answers: 64
Pavel

Pavel

Total Accepted Answers: 5
Mohammed Ahmed

Mohammed Ahmed

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

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. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us