Text separator in menus not taking hover effect

Text separator in menus not taking hover effect was created by Boradan

Posted 10 years 2 months ago #17598
Since they are not links, if you use a text separator menu item, it does not take the hover effect shown in the rest of the menu as they are set specifically for links only

seems you need to add:
Code:
} #nav1 .ilmenu > li > span.separator { CODE HERE

to the custom CSS box to get it to work. The code you insert has to replicate all the code you have entered for menu items already and needs to be done for all states.

Would there be any chance of adding the <span> element to the menu options, or just include span items in the effects for hover and active.
Text separator menu items are regularly used in joomla menus if, for example you want to use it so you do not have to show all of your services in a category list, but want them individually in a sub-menu of the Text Separator 'Services'
Last Edit:10 years 2 months ago by Boradan
Last edit: 10 years 2 months ago by Boradan.

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

Replied by ced1870 on topic Text separator in menus not taking hover effect

Posted 10 years 2 months ago #17599
Hi
the styles are already applied to the separator

#nav ul.menu > li > a, #nav ul.menu > li > span.separator {

CEd

Joomlack Webmaster and Developer

by ced1870

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

Replied by Boradan on topic Text separator in menus not taking hover effect

Posted 10 years 2 months ago #17600
hmmm... I explained it incorrectly, and used the wrong code - mixed up 2 separate things::

Yes, they take the default menu styling, but not the hover effect:

See templates.guildsite.info/ to see what I mean.

seems the :hover effects are not being applied to the span.separator


the template only has the following for active and hover:
Code:
#nav1 ul.menu li li:hover > a { CODE HERE } #nav1 ul.menu li li.active > a { CODE HERE }

so the effects are not being applied to the separator if active, or when hovered over
by Boradan

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

Replied by ced1870 on topic Text separator in menus not taking hover effect

Posted 10 years 2 months ago #17607
it is now understood and fixed in the available 3.1.10 version :)

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: Boradan

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

Replied by Boradan on topic Text separator in menus not taking hover effect

Posted 10 years 2 months ago #17608
much appreciated. Awesome work speed ;)
by Boradan

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

Replied by Boradan on topic Text separator in menus not taking hover effect

Posted 10 years 2 months ago #17709
Working for horizontal menus now, but not for menus created in other module positions (using expert mode)

Sorry to be such a pain in your a$$ :(
by Boradan

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

Time to create page: 0.708 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 415 guests and no members online