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

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

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 14 Years 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 14 Years ago Karma: 760

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 14 Years ago	Karma: 0
Thanks a lot!

elena21

The administrator has disabled public write access.

Page: 1

Useful Links