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


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

  • 21/11/2023 BLACK FRIDAY 23 is coming

    BIG SALE, 35% discount for all our extensions. Use BF23 coupon code. Hurry up the discount is valid till 27 November.


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 . 13 Years, 6 Months ago Karma: 0
Thank you:) It works:)
Greetings:)
The administrator has disabled public write access.
 
#7532
Re:Vertical menu width problem . 13 Years, 6 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 07:33 By poorvida.
The administrator has disabled public write access.
 
#7533
Re:Vertical menu width problem . 13 Years, 6 Months ago Karma: 746
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 . 13 Years, 6 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 . 13 Years, 6 Months ago Karma: 746
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 . 13 Years, 6 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 09:21 By poorvida.
The administrator has disabled public write access.
 
Go to topPage: 123