Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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?

How to change the width on the menu
(1 viewing) (1) Guest
Go to bottomPage: 12
TOPIC: How to change the width on the menu
#8323
How to change the width on the menu 6 Years, 11 Months 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!
Last Edit: 2011/04/12 11:24 By maorlast.
The administrator has disabled public write access.
 
#8324
Re:How to change the width on the menu 6 Years, 11 Months ago Karma: 667
Do you want to set 150px size for each menu item?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#8325
Re:How to change the width on the menu 6 Years, 11 Months 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
The administrator has disabled public write access.
 
#8326
Re:How to change the width on the menu 6 Years, 11 Months ago Karma: 667
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
The administrator has disabled public write access.
 
#8327
Re:How to change the width on the menu 6 Years, 11 Months 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)
The administrator has disabled public write access.
 
#8328
Re:How to change the width on the menu 6 Years, 11 Months ago Karma: 667
Add the next CSS rule:

Code:


body DIV#top_menu DIV.yui-skin-sam .yuimenubar ul li.yuimenubaritem-selected {
  *width: 180px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 12