ARI Soft - Menu full width

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

23/11/2024 Black Friday 2024

BIG SALE, 30% discount for all our extensions. Use BF24 coupon code. Hurry up the discount is valid till 3 December.

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

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

Menu full width

(1 viewing) (1) Guest

Page: 12

TOPIC: Menu full width

Forum Tools

#24510

Re:Menu full width 12 Years, 9 Months ago	Karma: 760
Hello, Provide a link to a page where we can see a menu. Regards, ARI Soft

admin

The administrator has disabled public write access.

#24519

Re:Menu full width 12 Years, 9 Months ago	Karma: 0
createmyphotosite.com/demo

christine

The administrator has disabled public write access.

#24520

Re:Menu full width 12 Years, 9 Months ago Karma: 760

Use the next CSS rule:

Code:



#ariext83 LI.ux-menu-item-level-0

{

 width: 125px !important;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#24537

Re:Menu full width 12 Years, 9 Months ago	Karma: 0
Thank you so much. This was perfect! Now I added submenus and they are all different sizes. How do I make them all the same width? Also can I remove the arrows on the main menu and remove the small gap between the main menu and submenus? Thanks for all your help!

christine

The administrator has disabled public write access.

#24545

Re:Menu full width 12 Years, 9 Months ago Karma: 760

Set "Auto width" parameter to "Yes" and add the next CSS rules to "CSS Styles" parameter:

Code:



.ux-menu A.ux-menu-link-level-0 SPAN.ux-menu-arrow

{

 display: none;

}



.ux-menu-horizontal UL.ux-menu-sub

{

 margin-top: -2px;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links