I want the user to simply click on the Shop link in the top navigation bar. But when the mouse hovers, a white draw slides down with nothing in it. How do I delete that slide down draw entirely?
Topic summary
Main issue: The Shop link in the top navigation triggers an empty white dropdown (“slide down drawer”) on mouse hover. The requester wants to remove the hover-driven slide down and make the link work only on click.
Proposed approaches:
- Edit CSS to disable the hover effect/animation responsible for the dropdown.
- Alternatively use JavaScript/jQuery to block or override the hover behavior.
Follow-up and challenges:
- The requester tried multiple code changes but none worked and asked for exact file/selector changes.
- The assistance remained general: locate the CSS that controls the hover animation and remove/modify it, then save and refresh.
Status:
- No specific selectors, theme files, or code snippets were identified. No concrete solution or steps were provided beyond high-level guidance.
Open needs/action items:
- Identify the exact CSS rules or JS controlling the hover dropdown (e.g., the selector tied to hover or the animation class) and remove/override them.
- Provide precise code or file path to achieve the change. The thread remains unresolved.
To turn off the menu slide down while hovering, modify the CSS code or use JavaScript/jQuery to disable the hover effect. If needed, consult a web developer. https://thrivehash.com/
I assumed I’d need to. I tried numerous different changes in the code, none have worked for some reason. Do you know specifically where and what change?
To disable the menu slide down effect while hovering, find the CSS code responsible for the animation and modify or remove it. Save changes and refresh the page to check if it worked.