Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your 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.

  • 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.


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?

Horizontal menu to full page width
(1 viewing) (1) Guest
Go to bottomPage: 12345
TOPIC: Horizontal menu to full page width
#20899
Re:Horizontal menu to full page width 12 Years, 6 Months ago Karma: 0
I've been studying the posts regarding horizontal menu to full width, but I don't understand some of the CSS solutions.

I'm seeing unfamiliar code, such as

#ariext34, or #hornav. Do these refer to a site's specific template.css?

My site is here: ManagedAccountReview and the template is a highly customized version of an artisteer template.

I've got two menus, and would like them to fit nicely at 100% of page width.

It would also be nice if I can make the lower menu a slightly lighter or darker shade.

I'll appreciate any help.

Thanks!
The administrator has disabled public write access.
 
#20919
Re:Horizontal menu to full page width 12 Years, 6 Months ago Karma: 747
Hello,

You can set width for specific menu items with help the next CSS rule:

Code:


LI.ux-menu-item[MENU_ITEM_ID]
{
 width: 150px !important;
}



Where [MENU_ITEM_ID] is menu item ID. For example if ID equals to 46, use the next CSS rule:

Code:


LI.ux-menu-item46
{
 width: 150px !important;
}



Menu items color can be configured in module settings. If you want to do additional customization, information from this post should be useful. It contains info about menu HTML layout.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#49752
Re:Horizontal menu to full page width 9 Years, 11 Months ago Karma: 0
Im having the same problem, kindly help with step by step on how to fix this. im using joomla 3.3.0 thanks
The administrator has disabled public write access.
 
#49753
Re:Horizontal menu to full page width 9 Years, 11 Months ago Karma: 747
Read the previous post, it contains information how to change width of specific menu items.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#50141
Re:Horizontal menu to full page width 9 Years, 10 Months ago Karma: 0
I would like please indicate the css rule to have the entire width of the banner menu content on this page: heissemberg.com.
Thank you.
The administrator has disabled public write access.
 
#50142
Re:Horizontal menu to full page width 9 Years, 10 Months ago Karma: 747
Hello,

It is possible to change width of menu item(s). You can read how to do it in previous posts.

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