main menu item with submenu hover

main menu item with submenu hover was created by epedragosa

Posted 10 years 10 months ago #11637
Hi,

I added the following line so that there will be background color on hover.
<?php echo $id; ?> li a:hover, <?php echo $id; ?> li.active > a {
color: #000;
font-weight: bold;
background: #90CEF1;
}

This works fine for main menu items that doesn't have submenu. How do I apply it to menus with submenus? Please check this link.

Lastly, the "Faculties" links to a K2 item, but instead of showing the item, it only shows subitems.

beta.apiu.edu/index.php/academics

Edward
Last Edit:10 years 10 months ago by epedragosa
Last edit: 10 years 10 months ago by epedragosa.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic main menu item with submenu hover

Posted 10 years 10 months ago #11646
Hi
try something like this
Code:
<?php echo $id; ?> li a.toggler:hover, <?php echo $id; ?> li.active > a.toggler { background: none repeat scroll 0 0 #90CEF1 !important; color: #000000; font-weight: bold; }

CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by epedragosa on topic main menu item with submenu hover

Posted 10 years 10 months ago #11669
Hi, it works now but i noticed that the parent arrow gets covered. I also need it to be on the hover. Thanks.

Edward

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic main menu item with submenu hover

Posted 10 years 10 months ago #11672
then you must add it into your background css, look in the code of your page how it is called

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.672 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 901 guests and no members online