Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
Featured Demos

ARI Smart Content demo

ARI Quiz demo

WordPress Quiz plugin

WordPress Lightbox plugin







e-mail: info@ari-soft.com
Shopping Cart
You currently have 0 items in your cart.
Show Cart


Recent Events
  • 23/11/2024 Black Friday 2024

    BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.
    more...

  • 31/12/2023 New Year SALE

    We are glad to announce New Year SALE. 25% discount for all our extensions. Use NY24 coupon code. Hurry up the discount is valid till 7 January.
    more...


2Checkout.com, Inc. is an authorized retailer of goods and services provided by ARI Soft. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?
ARI Soft Forum
Joomla components
ARI Ext Menu

Navigation CSS Help
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Navigation CSS Help
#28125
Navigation CSS Help 12 Years, 6 Months ago Karma: 0
I've almost got the desired effect I'm looking for on my website. I was hoping for a little help to get it wrapped up.

If you rollover boat rentals I get a little transparent gab between the rollover effect and subnav. I need to get rid of that and have the rollover overlap like the attached image

Code:
http://dev.tahoesports.com/






thanks!
smdstudios
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#28154
Re:Navigation CSS Help 12 Years, 6 Months ago Karma: 760
Hello,

Try to add the next CSS rule:

Code:

.ux-menu-horizontal .ux-menu-sub
{
 margin-top: -12px !important;
}


Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#28190
Re:Navigation CSS Help 12 Years, 6 Months ago Karma: 0
that worked..Thanks! I've managed to get through a few other items but how can I keep the main nav item highlighted as I roll over the sub nav on the menu
smdstudios
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#28196
Re:Navigation CSS Help 12 Years, 6 Months ago Karma: 760
Use the next CSS rule:

Code:

li.ux-menu-item-main a:hover,
li.ux-menu-item-main a.ux-menu-link-hover.ux-menu-link-level-0 {
z-index:801;
background: url('../images/nav-bg-over.png') repeat-x !important;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-moz-box-shadow: 0px 2px 5px #000;
   -webkit-box-shadow: 2px 0px 5px #000;
    box-shadow: 0px 2px 5px #000;
    
}


instead of:

Code:

li.ux-menu-item-main a:hover {
z-index:801;
background: url('../images/nav-bg-over.png') repeat-x !important;
-moz-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
-moz-box-shadow: 0px 2px 5px #000;
   -webkit-box-shadow: 2px 0px 5px #000;
    box-shadow: 0px 2px 5px #000;
    
}


in <joomla_directory>/templates/atomic/css/template.css CSS file.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
ARI Soft Forum
Joomla components
ARI Ext Menu
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009