A menu button’s hover effect (which enlarges the button) was causing the default darkened overlay to break, appearing incorrectly positioned only under the icon when hovering.
Solutions Provided:
<head> tagResolution: The issue was successfully resolved. The original poster confirmed the solution works perfectly.
Hello, I gave my menu button a hover effect, which transforms it to be larger. This works well, but the default darkened overlay now breaks when I hover.
Here is the overlay when not hovering,
and here is the overlay (right under the icon only) when hovering,
Site: https://projectwee.org/
Password: iachay2
Hi OrionT,
You can do simply fix by CSS. I attached a screenshot. please
check it will solve your issue.
let me know if you still facing any issue.
Hi @OrionT ,
You can remove old code and apply new code
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hey @OrionT ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Works perfect, thank you!
