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


Recent Events
  • 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.

  • 14/04/2017 Happy Easter

    Wish a Happy Easter and give 30% discount for all our WordPress and Joomla! extensions. Use EASTER17 coupon code. The offer is valid till 17 April.


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, 1 Month ago Karma: 0
Thank you:) It works:)
Greetings:)
The administrator has disabled public write access.
 
#7532
Re:Vertical menu width problem . 7 Years 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 ago Karma: 666
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 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 ago Karma: 666
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 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