Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your 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.

  • 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.


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?

Sub menu width
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Sub menu width
#20476
Sub menu width 13 Years, 1 Month ago Karma: 0
Hi

Thanks for a great menu.

I would like to know how to create different widths for sub menu levels e.g. first level to be 150px wide but all other levels to be 210px wide.

I've tried adding the following CSS (with variations) into the CSS Styles field and into the CSS stylesheet without any luck:

.ux-menu-sub
{
width:210px; !important
}


Kind regards
Casey
Last Edit: 2011/10/08 22:59 By caseyb.
The administrator has disabled public write access.
 
#20489
Re:Sub menu width 13 Years, 1 Month ago Karma: 760
Hello,

Use the next CSS rules:

Code:


.ux-menu LI.ux-menu-item-level-1
{
 width: 150px !important;
}

.ux-menu LI.ux-menu-item-level-1 LI
{
 width: 210px !important;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#20496
Re:Sub menu width 13 Years, 1 Month ago Karma: 0
Hi

Many thanks for that - this helped me to get done what I needed.


I ended up using the following code as I need to make a minor adjustment for spacing:


Code:




UL#ariext22 LI UL.ux-menu-sub A
{
width: 210px !important;
}

.ux-menu LI.ux-menu-item-level-2
{
 width: 216px !important;
}

.ux-menu LI.ux-menu-item-level-2 LI
{
 width: 210px !important;
}






Many, many thanks for such quick support!!

Regards
Casey
Last Edit: 2011/10/09 10:32 By caseyb.
The administrator has disabled public write access.
 
Go to topPage: 1