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?

Horizontal dropdown behaviour & submenu styling
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Horizontal dropdown behaviour & submenu styling
#5961
Horizontal dropdown behaviour & submenu styling 13 Years, 9 Months ago Karma: 0
Hi there,

A big thanks for creating a relatively easy to use module, and also for providing great support, this forum has helped me fix a lot of my styling problems. Just a couple left ...

1. My sub-menu items are appearing horizontally rather than vertically. (I did see a post relating to this but I can't seem to find it again)

2. My top level menu items seems to have a border missing on the bottom and left hand sides.

3. I'd like my submenus to have the same appearance as the top level.

4. I'd like to remove the grey line that appears when a submenu item is being hovered over.

You can view my site at alburybf.cloudaccess.net/ , let me know if you need a password to have a look at the back end of things.

For a non-tech head I've found this forum really useful and I think I've learnt something about CSS (although some of it still baffles me)

Thanks,
Rowan
The administrator has disabled public write access.
 
#6021
Re:Horizontal dropdown behaviour & submenu styling 13 Years, 9 Months ago Karma: 747
Hello,

Regarding questions 1 and 3, add the next CSS rules:

Code:


#header #pillmenu
{
  overflow: visible;
}

#pillmenu ul li ul li
{
  float: none;
}

#header #pillmenu ul li ul li a
{
  float: none;
}



About questions 2 and 4, it's styles from your site templates and we can't sure that the module support this view. If you provide link to default menu view, we can investigate possibility to use site template menu styles with the module.

Regards,
ARI Soft
The administrator has disabled public write access.
 
#6072
Re:Horizontal dropdown behaviour & submenu styling 13 Years, 8 Months ago Karma: 0
Brilliant, those fixes worked. Here's the link to the template that I am modifying.

joomla15.siteground.com/?template=siteground-j15-136

Man you guys are good!
The administrator has disabled public write access.
 
#6074
Re:Horizontal dropdown behaviour & submenu styling 13 Years, 8 Months ago Karma: 747
If you want to use the same menu view, it requires modification of 'ARI YUI Menu' module and how should be rendered sub-menu items?

Regards,
ARI Soft
The administrator has disabled public write access.
 
#6168
Re:Horizontal dropdown behaviour & submenu styling 13 Years, 8 Months ago Karma: 0
Sorry Im not sure I quite understand. If the submenus could look the same as the parent item that would be great. And if the borders on the dropdown could be removed that would also be useful. Does that clarify things at all. Otherwise Im happy to leave, its looking pretty good.

Thanks
The administrator has disabled public write access.
 
#6179
Re:Horizontal dropdown behaviour & submenu styling 13 Years, 8 Months ago Karma: 747
Main menu items have reflection effect, sub-menu item can be shown in horizontal direction and it can look ugly when reflection effect will be applied for sub-menu items. In any case, the module requires modification if you want to display it in this way.

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