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?

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 5 Years, 12 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 5 Years, 12 Months ago Karma: 666
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 3 Years, 4 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 3 Years, 4 Months ago Karma: 666
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 3 Years, 4 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 3 Years, 4 Months ago Karma: 666
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