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?

More menu questions
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: More menu questions
#5339
More menu questions 13 Years, 12 Months ago Karma: 0
Hello!

I have some questions that may have already been answered through other threads, but found it easier to make a specific one for the website we're working.

1) Fixing the sub-menu boxes so that they are sized according to the font. If you visit the site, www.misuli.com, you'll see that the boxes on the sub-menu are large...

2) Which leads to the next question; fixing the padding in between the floating sub-menu boxes so that there is no space in between each sub-menu item.

3) Removing the menu containers entirely, if possible. I've shrunken them to 0px, but that simply makes a solid bar at the top of the menu. So, it's inelegant.

If my explanation was too clumsy, I'll be happy to fill in more details/specifics. Thanks for your help!
The administrator has disabled public write access.
 
#5362
Re:More menu questions 13 Years, 12 Months ago Karma: 748
Hello,

Try to add the following CSS rules:

Code:


#pillmenu .ux-menu .ux-menu-sub li
{
  height: auto;
}

#pillmenu .ux-menu .ux-menu-item-main a
{
 border-top-style: none; 
 border-bottom-style: none; 
}

#pillmenu .ux-menu .ux-menu-item-main a.ux-menu-link-first
{
 border-left-style: none; 
}

#pillmenu .ux-menu .ux-menu-item-main a.ux-menu-link-last
{
 border-right-style: none; 
}

#pillmenu .ux-menu .ux-menu-item-main .ux-menu-sub a
{
 float: none;
 border-top-style: solid; 
 border-bottom-style: solid; 
}

#pillmenu .ux-menu .ux-menu-item-main .ux-menu-sub a.ux-menu-link-first
{
 border-left-style: solid; 
}

#pillmenu .ux-menu .ux-menu-item-main .ux-menu-sub a.ux-menu-link-last
{
 border-right-style: solid; 
}

#pillmenu .ux-menu-container .ux-menu .ux-menu-item-main a
{
 height: 48px;
}

#pillmenu .ux-menu-item-main .ux-menu-arrow
{
  top: 22px;
}



Regards,
ARI Soft
The administrator has disabled public write access.
 
Go to topPage: 1