Home News Contact Us Forum About Us Demos Products F.A.Q.
ARI Soft









Register   Lost Password?
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. 2CheckOut




Follow us on twitter



Welcome, Guest
Please Login or Register.    Lost Password?
ARI Soft Forum
Joomla components
ARI Ext Menu

How to make the horizontal menu stretch full width
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: How to make the horizontal menu stretch full width
#9437
How to make the horizontal menu stretch full width 13 Years, 11 Months ago Karma: 0
How do I get the horizontal menu to stretch (fill) the full width of the navigation bar?
jgold723
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#9441
Re:How to make the horizontal menu stretch full width 13 Years, 11 Months ago Karma: 760
If you mean that the last menu item is placed in the second row, it's problem with site template styles. Add the following CSS rule that fix it:

Code:

body #nav
{
 width: 920px;
}


If you mean something another, explain it please.

Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#9448
Re:How to make the horizontal menu stretch full width 13 Years, 11 Months ago Karma: 0
Actually, I meant that when the menu falls short of the full width (as it does now), how to make the items stretch evenly to fill the full width of the template.
jgold723
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#9449
Re:How to make the horizontal menu stretch full width 13 Years, 11 Months ago Karma: 760
It can be done if change width of specific main menu items with help CSS rule. CSS rule looks like:

Code:

.ux-menu LI.ux-menu-item[MENU_ITEM_ID]
{
 width: 140px;
}


Where [MENU_ITEM_ID] is ID of menu item which can be found in Joomla! menu manager. For example, if you want to change width of menu item with ID = 68, use the following CSS rule:

Code:

.ux-menu LI.ux-menu-item68
{
 width: 140px;
}


Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
#9450
Re:How to make the horizontal menu stretch full width 13 Years, 11 Months ago Karma: 0
Ah -- thank you. But of course that will cause problems if the menu text is ever changed.

Would it be possible to center the list and list items instead?
jgold723
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#9451
Re:How to make the horizontal menu stretch full width 13 Years, 11 Months ago Karma: 760
The following CSS rule can be used:

Code:

body .ux-menu-container
{
 text-align: center;
}

body .ux-menu
{
 display: inline-block !important;
 *zoom: 1;
 display: inline;
}


Regards,
ARI Soft
admin
User Online Now Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 123
ARI Soft Forum
Joomla components
ARI Ext Menu
Powered by Kunenaget the latest posts directly to your desktop
Useful Links
Products
F.A.Q.
Discount
RSS
Top Products
ARI Data Tables
ARI Sexy Lightbox
ARI Quiz
ARI Stream Quiz - Personal
ARI Smart Content
Help
Forum
F.A.Q.
Home | News | Contact Us | Forum | About Us | Demos | Products | F.A.Q.
ARI Soft
License | Terms and Conditions | Copyright Info | Privacy Policy
 
ARI Soft
Copyright © 2009