Hello!
I’m struggling to figure out where I can solve this challenge. I’ve created a menu, with a dropdown, that when opened on a mobile touch device, tries to use the :hover state, so it looks like the dropdown stays open even after toggled closed.
You can test it on this page: Wine Works - Small Batch Wines & Winemaking Service
The ‘Custom CSS’ section in the editor doesn’t accept selectors/ect.
I’ve also tried putting the css I need in the project settings scripts, but seems not to validate properly (no matter how I format it).
All I need is a bit of css, where it accepts media queries, selectors, ect, to do something like this.
@media (hover: hover) {
.parent:hover > .child {
max-height:500px;
}
}
Where is the best place to do this – or is there a better way to solve this issue?
Thanks for any advice! =D
