Support Forums

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

Your Time: Our Time:

Top Nav

Featured Lock Resolved Issue
I have been working a new nav with CSS and am stuck at the moment. If you take a look at page
( I am trying to do two things. The first is to match the width of the sub nav menu to the top nav if possible. The second is that I would like the top nav to stay the same hover color when you go over the sub navs. I attached some images but if you look at the link you will see what I mean.

Attachments (2)

  • subnav_to_match_width.jpg
    subnav_to_match_width.jpg 65.7 KB
  • top_navtostayhovercolor.jpg
    top_navtostayhovercolor.jpg 68.6 KB

4 Answers

Sifat - Staff

More than a month ago #Permalink
Thanks for your query. Please use this css into your custom css to solve your issues

.sp-dropdown.sp-dropdown-main.sp-menu-right {
width: 258px !important;
.sp-menu-right.sp-menu-right a:hover {
background: #e25727 !important;

Here is the custom css field

-Best Regards


More than a month ago #Permalink
Thank you Sifat!

Sifat - Staff

More than a month ago #Permalink
You are always welcome :)

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 135


Total Accepted Answers: 86


Total Accepted Answers: 53


Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5




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