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:
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'
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
the styles are already applied to the separator
CEd#nav ul.menu > li > a, #nav ul.menu > li > span.separator {
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:
so the effects are not being applied to the separator if active, or when hovered over
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$$
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.645 seconds