ARI Soft - How to change the width on the menu

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 YUI Menu

How to change the width on the menu

(1 viewing) (1) Guest

Page: 12

TOPIC: How to change the width on the menu

Forum Tools

#8323

How to change the width on the menu 14 Years ago	Karma: 0
I want to change the width of the top menu to 150px and make the sub-menus with the same width size. Notice that i also want to align everything to the right because this is RTL I must say that I totaly appreciate your help solving all my previous questions!

maorlast

Last Edit: 2011/04/12 17:24 By maorlast.

The administrator has disabled public write access.

#8324

Re:How to change the width on the menu 14 Years ago	Karma: 760
Do you want to set 150px size for each menu item? Regards, ARI Soft

admin

The administrator has disabled public write access.

#8325

Re:How to change the width on the menu 14 Years ago	Karma: 0
yes. about 150px for every item, including the submenus (it might be more than 150px because maybe some submenus of mine are bigger than 150px) so whatever fits me as long as it will be well-aligned Thanks

maorlast

The administrator has disabled public write access.

#8326

Re:How to change the width on the menu 14 Years ago Karma: 760

Try to use the following CSS rules:

Code:



body DIV#top_menu DIV.yui-skin-sam .yuimenubar ul li a.yuimenubaritemlabel

{

  width: 150px;

  text-align: right;

}



body DIV#top_menu DIV.yui-skin-sam .yuimenubar ul li .yuimenu ul li a.yuimenuitemlabel

{

  width: 140px;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#8327

Re:How to change the width on the menu 14 Years ago	Karma: 0
This looks great in FF however i am having issues with IE7 Can you take a look please? (this is exactly what i wanted except of the IE7 problem)

maorlast

The administrator has disabled public write access.

#8328

Re:How to change the width on the menu 14 Years ago Karma: 760

Add the next CSS rule:

Code:



body DIV#top_menu DIV.yui-skin-sam .yuimenubar ul li.yuimenubaritem-selected {

  *width: 180px;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links