ARI Soft - Multiple menus + space between menus

Home

News

Forum

About Us

Demos

Products

F.A.Q.

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

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...
21/11/2023 BLACK FRIDAY 23 is coming

BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.

more...

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

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Ext Menu

Multiple menus + space between menus

(1 viewing) (1) Guest

Page: 1

TOPIC: Multiple menus + space between menus

Forum Tools

#23003

Multiple menus + space between menus 12 Years, 6 Months ago Karma: 0

Hello,

right now I'm trying to convert our homepage to Joomla 1.7. We never used Joomla and we did everything by hand. So it is a little tough at the moment.

I created 3 menus (the drop down menus) with the ARI Ext Menu modul. But there are several problems:

1. I adjusted the width of the menus on the left side to 160px by using (added to CSS Styles):

Code:

.ux-menu LI

{

 width: 160px !important;

}

What I don't understand is why this width is now used for all 3 menus. Even if it's only added to one of them. There must be a setting-"link" between all 3 menus (they all have different IDs).
I would prefer to have a width of 160px on the left side. The menu on top should work with auto width.

2. There should be a space between the menus on the left side. I tried it with s.th. like:

Code:

margin-bottom: 20px;

Didn't work...

Maybe you can help me a bit.

Thanking you in anticipation!

OhneNamen

Last Edit: 2011/12/22 10:56 By OhneNamen.

The administrator has disabled public write access.

#23004

Re:Multiple menus + space between menus 12 Years, 6 Months ago Karma: 748

Hello,

1. ".ux-menu LI" is a global CSS selector for all "ARI Ext Menu". If you want to use specific CSS rule, place the next code in "CSS Styles" parameter in module settings:

Code:



#{$id}_container .ux-menu LI

{

 width: 160px !important;

}

2. Use the following CSS rule:

Code:



#left_column_container .ux-menu-container

{

 margin-bottom: 20px;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#23025

Re:Multiple menus + space between menus 12 Years, 6 Months ago	Karma: 0
Thanks a lot! Great support!

OhneNamen

The administrator has disabled public write access.

Page: 1

Useful Links