ARI Soft - Problem in Sub Menus

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

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.

Welcome, Guest
Please Login or Register. Lost Password?

ARI Soft Forum

Joomla components

ARI Ext Menu

Problem in Sub Menus

(1 viewing) (1) Guest

Page: 1

TOPIC: Problem in Sub Menus

Forum Tools

#24368

Problem in Sub Menus 12 Years, 5 Months ago	Karma: 0
Hi, Thanks for building such a wonderful plugin. I was using the menu module but am facing a problem with the width of the submenus. Below is a link of the webpage. The problem is occurring in the last menu item. brijeshdalmia.com/index.php?option=com_content&view=featured&Itemid=101 Any help would be very much appreciated. Thanks Arindam

arindam

The administrator has disabled public write access.

#24369

Re:Problem in Sub Menus 12 Years, 5 Months ago Karma: 748

Hello,

Add the next CSS rules:

Code:



div#header

{

 overflow: visible;

}

#header ul.ux-menu li a:link, 

#header ul.ux-menu li a:visited

{

 display: block;

 padding: 10px 14px;

}



#header ul.ux-menu li a.ux-menu-link-parent:link, 

#header ul.ux-menu li a.ux-menu-link-parent:visited

{

 display: block;

 padding: 10px 24px 10px 14px;

}





#header .ux-menu ul.ux-menu-hidden

{

 display: none;

}



#header ul.ux-menu

{

  right: 0;

  margin: 0;

  padding: 0;

 position: relative;

}



#header ul.ux-menu-sub li

{

  text-align: left;

}



#header .ux-menu-container ul

{

 max-width: none;

 padding: 0;

 margin: 0;

}



#mnav ul.ux-menu li a 

{

 line-height: 1;

}