ARI Soft - Presentation issues

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

Presentation issues

(1 viewing) (1) Guest

Page: 12

TOPIC: Presentation issues

Forum Tools

#25539

Presentation issues 12 Years, 9 Months ago

Karma: 0

Hi,

I have a few issues I am trying to fix. The menu works great but it is just the following:-

1 Sub-menu 'hiding' behing other items

2 Submenu transparent in safe mode. If I do not use safe mode the main menu is unreadable (text colour against transparent background).

3 Can each box be a set size so that the menu looks balanced?

4 Can the menu be centred?

Thanks for any help.

Allan

www.flyleadingedge.co.uk

allanfalconer

The administrator has disabled public write access.

#25545

Re:Presentation issues 12 Years, 9 Months ago Karma: 760

Hello,

1, 2 and 4. Add the next CSS rules:

Code:



#ja-mainnav .yuimenubar li ul 

{

 position: relative;

 width: auto;

}



body #ja-mainnavwrap

{

 position: relative;

 z-index: 2;

}



body #ja-containerwrap-fr

{

 position: relative;

 z-index: 1;

}



body #ariyui51

{

 text-align: center;

}



body #ariyui51_menu

{

 display: inline-block !important;

}

3. Each LI element contains yuimenuitem-itemITEM_ID CSS class, where ITEM_ID is menu item ID. It can be used to create a custom CSS rule to change width of a menu item.

Regards,
ARI Soft

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#25555

Re:Presentation issues 12 Years, 9 Months ago	Karma: 0
Fantastic support. Main issues resolved but I could not understand about the item 3 (fixed width)! I have also added a 2nd menu and copied the details acrosss.....But it will not centre? Allan www.flyleadingedge.co.uk

allanfalconer

The administrator has disabled public write access.

#25557

Re:Presentation issues 12 Years, 9 Months ago Karma: 760

For example if you want to change width of menu item with ID equals to 126, use the next CSS rule:

Code:



LI.yuimenuitem-item126

{

 width: 250px;

}

Use the following CSS rule to center the second menu:

Code:



body #ariyui72

{

 text-align: center;

}



body #ariyui72_menu

{

 display: inline-block !important;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

#25561

Re:Presentation issues 12 Years, 9 Months ago	Karma: 0
Thanks again for the quick reply. I have been advise just to go with the one menu. However, it seems to still go behing the 'frontpage slideshow'.... Allan

allanfalconer

The administrator has disabled public write access.

#25562

Re:Presentation issues 12 Years, 9 Months ago Karma: 760

It seems your site template was modified. Add the next CSS rule:

Code:



body #ja-containerwrap-f

{

 position: relative;

 z-index: 1;

}

Regards,
ARI Soft

admin

The administrator has disabled public write access.

Page: 12

Useful Links