ARI Soft - Problems with menu width and other formatting

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

Problems with menu width and other formatting

(1 viewing) (1) Guest

Page: 1

TOPIC: Problems with menu width and other formatting

Forum Tools

#8352

Problems with menu width and other formatting 13 Years, 5 Months ago

Karma: 0

Thanks again for great menu and outstanding support.
I have a few problems.
www.visimaker.com/joomla/index.php?option=com_content&view=article&id=13&Itemid=14

1. When click on submenu for a second I get all menus reformatted. I attached a sample.
I made some customization to menu.min.css file looking to other examples that you have on this forum.

BODY .ux-menu A{ background:url(images/blue_bg.png); color:#FFF;}
BODY .ux-menu A:focus,
BODY .ux-menu A:hover,
BODY .ux-menu A.ux-menu-link-hover
BODY .ux-menu A.current
{
background:url(images/blue_sel_bg.png);
color:#eae9fd;
}

UL.ux-menu LI UL.ux-menu-sub LI A
{
background: #f7f7f7;
color:#036;
}

UL.ux-menu LI UL.ux-menu-sub LI A.ux-menu-link-hover,
UL.ux-menu LI UL.ux-menu-sub LI A:hover,
UL.ux-menu LI UL.ux-menu-sub LI A:focus
{
background: #b6c9e2;
color:#036;
}

2. I want to have a horizontal menu pattern all across the page (width 960 px). What should I change?

3. Horizontal menu submenus are behind the vertical menu module.

4. For vertical menu module, how to set up width of vertical menus to 200 px?

Thank you
Elena

elena21

The administrator has disabled public write access.

#8355

Re:Problems with menu width and other formatting 13 Years, 5 Months ago Karma: 747

Hello,

1. Try to set "Load method" parameter to "On Load".

2. You can specify background of menu container with help the following CSS rule:

Code:



#tabarea .ux-menu-container

{

  background: red;

}

3. Use the following CSS rule:

Code:



#tabarea .ux-menu-container

{

  z-index: 11000 !important;

}

4. Type the following code in "CSS Styles" parameter in module settings:

Code:



#{$id}, 

#{$id} li.ux-menu-item-main

{

 width: 200px !important;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#8369

Re:Problems with menu width and other formatting 13 Years, 5 Months ago	Karma: 0
Thanks a lot!

elena21

The administrator has disabled public write access.

Page: 1

Useful Links