Support Forums

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

Your Time: Our Time:

Top Nav

Featured Lock Resolved Issue
Hello!
I have been working a new nav with CSS and am stuck at the moment. If you take a look at page
(http://momi2.scottgaskill.com/index.php/play-learn/resources) 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
Hi,
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 https://prnt.sc/ijudw8

-Best Regards

scomil808

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
Sifat

Sifat

Total Accepted Answers: 86
Toufiq

Toufiq

Total Accepted Answers: 53
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5

114

Templates

293066

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