Home News Contact Us Forum About Us Demos Products F.A.Q.
Shopping Cart
You currently have 0 items in your 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.

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


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 . 14 Years, 2 Months ago Karma: 0
Thank you:) It works:)
Greetings:)
The administrator has disabled public write access.
 
#7532
Re:Vertical menu width problem . 14 Years, 1 Month 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 07:33 By poorvida.
The administrator has disabled public write access.
 
#7533
Re:Vertical menu width problem . 14 Years, 1 Month ago Karma: 760
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 . 14 Years, 1 Month ago Karma: 0
i did, its the link in the post
The administrator has disabled public write access.
 
#7535
Re:Vertical menu width problem . 14 Years, 1 Month ago Karma: 760
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 . 14 Years, 1 Month 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 09:21 By poorvida.
The administrator has disabled public write access.
 
Go to topPage: 123