Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your cart.


Recent Events
  • 18/11/2017 Black Friday is coming

    Don't wait BLACK FRIDAY, use FRIDAY17 coupon code to get 35% discount for all our extensions right now.

  • 05/09/2017 BIG Autumn SALE

    Use AUTUMN17 coupon code to buy our WordPress or Joomla! extensions with 25% discount. Hurry up! The offer is valid till 11 September.


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?

Vertical menu width problem .
(1 viewing) (1) Guest
Go to bottomPage: 123
TOPIC: Vertical menu width problem .
#7113
Re:Vertical menu width problem . 7 Years, 3 Months ago Karma: 0
Thank you:) It works:)
Greetings:)
The administrator has disabled public write access.
 
#7532
Re:Vertical menu width problem . 7 Years, 2 Months ago Karma: 0
I have the same two problems as this poster, but I tried the code suggested, and it does not work for me.

I want to remove the arrow, and make items that have submenus the same length.

I also would like to change the background image for submenus.

Thank you

www.poorvida.com
Last Edit: 2010/10/01 01:33 By poorvida.
The administrator has disabled public write access.
 
#7533
Re:Vertical menu width problem . 7 Years, 2 Months ago Karma: 671
Provide link to page where we can see the menu on your site.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#7534
Re:Vertical menu width problem . 7 Years, 2 Months ago Karma: 0
i did, its the link in the post
The administrator has disabled public write access.
 
#7535
Re:Vertical menu width problem . 7 Years, 2 Months ago Karma: 671
Regarding your questions:

1. Remove the following custom CSS rule:

Code:


.ux-menu-container .ux-menu a 
{
   width: 170px;
}



2. Use the next CSS rules:

Code:


/* background of sub-menu items */
.ux-menu-container .ux-menu .ux-menu-sub a
{
  background: red;
}

/* hover style */
.ux-menu-container .ux-menu .ux-menu-sub a:hover
{
  background: yellow;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
#7536
Re:Vertical menu width problem . 7 Years, 2 Months ago Karma: 0
that didnt work for me.

Here is the code I have in there now:
Code:

.ux-menu-container .ux-menu A
{
 background: #768833 none;
 background-image: url(/images/navi_1.jpg);
 width: 170px;
 height: 12px;
}

.ux-menu-container .ux-menu A:hover,
.ux-menu-container .ux-menu A.ux-menu-link-hover
{
 background: #c3d389 none;
}

.ux-menu-container .ux-menu A.current
{
 background: #707070 none;
}

.highslide-container
{
 z-index: 20001 !important;
}

.highslide-container .outer-glow
{
 z-index: 20003 !important;
}
}



Everything there now were suggestions that solved previous issues with the menu.


I want to make the menu items that have sub menus the same width as normal menu items, and to remove the triangle image.

(Actually, I dont even mind the menu item being bigger, as much as i dont like the triangle)

If possible, I would like the sub menu to be over layed with a different image, (navi_2.jpg) - like the main menu is
Last Edit: 2010/10/01 03:21 By poorvida.
The administrator has disabled public write access.
 
Go to topPage: 123