Hi Team,
I love helix and SPPB but one thing confuses me a lot:
see example: https://mero.arkiadesign.de/
when u hover over the main menu item "Bausysteme" you ll see the drop down with the menu title "Knotensysteme" It is a menu title menu item. But it has a hover effect (it gets blue) while hovering over it, but this creates confusion for there is no link behind. I dont want the hover effect, it should be plain text wihout any link signals. the same on mobile phone. how to remove that?
You are confused, so made errors in your code. You use your own class for this menu item. You do not need all these long composite selectors. Just use your class.
At line 37 in custom.css replace your code to this.
.underlinemenuitem {
color: inherit !important;
border-bottom: 5px solid #ddd;
padding-bottom: 5px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
opacity: 1; /* get rid of stupid opacity: 0.7 that comes from template.css, instead you just can add your own color prorerty if need for links hover*/
}Delete the rest of the code for this item, including the one that I provided above.
Hi,
I see additional code to custom css file.
span.sp-group-title.underlinemenuitem.sp-menu-heading:hover {
cursor: pointer;
color: #0345bf;
}Edit it this way.
span.sp-group-title.underlinemenuitem.sp-menu-heading:hover {
cursor: none;
}Hi there,
Thanks for contacting us. Sorry for the inconvenience. Remove this css code from the custom.css file.
span.sp-group-title.underlinemenuitem.sp-menu-heading:hover {
cursor: pointer;
color: #0345bf;
}-Thanks
Hi. I think it will be better
span.sp-group-title.underlinemenuitem.sp-menu-heading:hover {
cursor: inherit;
}great Pavel and guys, it worked!
now just I need to solve that the arrows for drop down on mobile view are "touchable" or to say if I press on them it works. right only every 15th time it works...this is a common issue with helix.
....but it does not work on mobile view....sorry guys; i embeded the same code for @media (min-width: 320px) and (max-width: 480px)
but still hover = blue
Pavel, just quickly: I need to underst and what is the best invironment when I work on a new project with helix or page builder? I have many times cache probs. What is the developer mode?
thnx!!! need to improve my css
What is the developer mode?
Productiom mode you mean? It transfer the entire CSS that belongs to Page Builder to a separate CSS file. That improves performance.
This must be enabled after the development is completed.
ok great! so I will work on developemnt mode and finally after project is finished I enable the production mode.