Garry
|
If you are referring to Vertical menu setting submenu levels to "all open" may be helpful.
|
| |
Kirby
|
i have changed in style.responsive.css
at
/* submenu position on hover */
.responsive .responsive-nav ul.art-hmenu ul
{
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
display: none !important;
position: relative !important;
visibility: visible !important;
}
display: none; to display: block;
so it looks like
/* submenu position on hover */
.responsive .responsive-nav ul.art-hmenu ul
{
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
display: block !important;
position: relative !important;
visibility: visible !important;
}
and it works perfect
|
| |
pelkin
|
Kirby's plan works well. But, that will show sub - menu items once the menu button is clicked, along with the menu items. We dont need that.
If you need your sub - menu items to be showed only when it's parent menu item is hovered or at times touched, follow these instructions.
1)Make changes as said by Kirby.
2)then paste the following code anywhere in the template.responsive.css file
.responsive ul.art-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; } .responsive ul.art-hmenu li:hover>ul { visibility: visible; top:100%; }
|
| |
joy
|
thanks.tried and it worked well :)
|
| |
Rvn
|
Quote pelkin:
Kirby's plan works well. But, that will show sub - menu items once the menu button is clicked, along with the menu items. We dont need that.
If you need your sub - menu items to be showed only when it's parent menu item is hovered or at times touched, follow these instructions.
1)Make changes as said by Kirby.
2)then paste the following code anywhere in the template.responsive.css file
.responsive ul.art-hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; } .responsive ul.art-hmenu li:hover>ul { visibility: visible; top:100%; }
Hi Pelkin,
The method which Kirby is explaining is working for me.
Unfortunately all my sub-menu's are opening when clicking on the menu-button.
I also tried to add you're example to my template.responsive.css file, but I still have the same problem.
Because of my large number of submenus this is not clear for users.
Do you know how to solve this?
[url=http://www.dezaakwaarnemer.nl/]sitelink[/url]
Thanks in advance
|
| |
Rvn
|
Maybe someone else can help me?
Thanks in advance.
|
| |
Abe
|
Hey Kirby Thanks so very much, i struggled very much with submenu on mobile device, but your comment saved me 
|
| |
Edwin
|
Ik had this issue too and contacted Artisteer.
The solution is in Artisteer 4.0 and higher.
Please try this, it works:)
Hi,
I assume that you haven't enabled the subitems in the responsive mode.
Go under the Menu -> Levels -> Options -> Responsive levels.
Select to expand on Click or Expand with reload.
|
| |
Flanker
|
Hey guys, you may have different class names under the CSS part handling the submenu in responsive.css so solutions above may not work for you if you have a different or altered version.
In my opinion leave as is then just copy paste exact same class names that you have under the comment /* submenu position on hover */
then add " li:hover> " and change display from none to block.
example only (use same class names that YOU have) :
part existing already, no need to touch
/* submenu position on hover */
.responsive .art-nav ul.art-hmenu ul
{
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
display: none !important;
position: relative !important;
visibility: hidden !important;
}
part that you need to add (notice " li:hover> "prefix added to class name and display changes to block
.responsive .art-nav ul.art-hmenu li:hover>ul
{
display: block !important;
top: 100%;
visibility: visible !important;
}
|
| |
Julie
|
You saved me Kirby. I'm very grateful to you
|
| |
Esu
|
Flanker's solution worked for me.
Thank you, Flanker
|
| |