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
#20352
Re:Horizontal menu to full page width 12 Years, 5 Months ago Karma: 0
Did you just check now? because i was showing the client some templates.

If you will take a look now i will reactivate my template with the Ari Ext Menu.

Please advise

thanks you
The administrator has disabled public write access.
 
#20359
Re:Horizontal menu to full page width 12 Years, 5 Months ago Karma: 746
Let us know when we can see the menu on your site.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#20376
Re:Horizontal menu to full page width 12 Years, 5 Months ago Karma: 0
pavlossymeonides.net/index.php?lang=el

Just follow the link ill have it up and running all night
The administrator has disabled public write access.
 
#20377
Re:Horizontal menu to full page width 12 Years, 5 Months ago Karma: 746
Add the next CSS rules:

Code:


#ariext34 LI.ux-menu-item-level-0
{
 width: 130px !important;
}

UL#ariext34 LI.ux-menu-item131,
UL#ariext34 LI.ux-menu-item133,
UL#ariext34 LI.ux-menu-item177
{
 width: 90px !important;
}

UL#ariext34 LI.ux-menu-item173
{
 width: 186px !important;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#20379
Re:Horizontal menu to full page width 12 Years, 5 Months ago Karma: 0
Thank you very much that worked a charm.

I am having 3 more issues,

1) i want to get rid of the arrows and this code isnt doing it
#nav .ux-menu .ux-menu-arrow
{
display: none;
}

2) the menu should be rounded but its showing up rectangular

3) the submenu items (lvl 3) appear with a very big gap from the lvl 2 submenu items
The administrator has disabled public write access.
 
#20380
Re:Horizontal menu to full page width 12 Years, 5 Months ago Karma: 746
1. Use the next CSS rule:

Code:


#hornav .ux-menu-horizontal span.ux-menu-arrow
{
 display: none;
}



2. Information about menu HTML layout and CSS classes can be found here. You can use to customize menu design.

3. What's menu item contain lvl3 menu?

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