ARI Soft - Menu width again and sub menu placement

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

Menu width again and sub menu placement

(1 viewing) (1) Guest

Page: 12

TOPIC: Menu width again and sub menu placement

Forum Tools

#24966

Re:Menu width again and sub menu placement 12 Years, 4 Months ago	Karma: 0
That's great - it fixes the menu item that was off to the right. Still not 100% width though. Any ideas? Steve

snichols

The administrator has disabled public write access.

#24968

Re:Menu width again and sub menu placement 12 Years, 4 Months ago	Karma: 748
Provide an image where we can see what do you want to achieve. Regards, ARI Soft

admin

The administrator has disabled public write access.

#24969

Re:Menu width again and sub menu placement 12 Years, 4 Months ago	Karma: 0
Please find screen grab attachd. i doubt you can move it up - that will be down to me, but the 100% width is what I am after. Steve

snichols

Last Edit: 2012/02/15 09:42 By snichols.

The administrator has disabled public write access.

#24972

Re:Menu width again and sub menu placement 12 Years, 4 Months ago Karma: 748

Add the next CSS rules:

Code:



#navbar .ux-menu LI.ux-menu-item-level-0

{

 width: 106px !important;

}



#navbar .ux-menu LI.ux-menu-item233 

{

 width: 114px !important;

}



#navbar .ux-menu LI.ux-menu-item-level-0>A

{

 width: auto;

 float: none;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#24995

Re:Menu width again and sub menu placement 12 Years, 4 Months ago

Karma: 0

Thank you - with a bit of tweaking I think we are getting there, although the client has now asked about changing the overall width of the site so could be back to square one!

From what I can gather, you are able to make the menu the same width as your site by carefully selecting the right menu cell width in pixels. Eg.

#navbar .ux-menu LI.ux-menu-item-level-0
{
width: 106px !important;
}

This width figure is increased/decresed as you wish, even in fractions of a pixel, to make the menu the right width.

But you then can't make the menu automatically adjust the width of each menu item to suit the text that is in it - they all end up the same width. I'm just making this point as I am sure that others may be wondering about this too. It would also explain why you need custom code for each menu to make it fit the full width.

Steve

snichols

The administrator has disabled public write access.

#24996

Re:Menu width again and sub menu placement 12 Years, 4 Months ago	Karma: 748
The module doesn't support ability to fill 100% of available space automatically. Regards, ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links