This is the menu item that I mean. Try putting your cursor on the very edge of it and clicking:
This is almost surely because the hover CSS effect is being applied to the container of the a href, and there is likely some internal padding or margin on that. Maybe we can fix this by simply moving the hover effect from the outer container to the a href. Although, that may change the visual size of the hover effect which we don’t want. Probably the better fix is to identify whatever margin or padding is on the container and see if we can change margin > padding or padding > margin, not sure which way we’d need to tweak it. Or maybe we can move that padding/margin from the container into the a href interior item, which would increase it’s clickable size.
This is the menu item that I mean. Try putting your cursor on the very edge of it and clicking:
This is almost surely because the hover CSS effect is being applied to the container of the a href, and there is likely some internal padding or margin on that. Maybe we can fix this by simply moving the hover effect from the outer container to the a href. Although, that may change the visual size of the hover effect which we don’t want. Probably the better fix is to identify whatever margin or padding is on the container and see if we can change margin > padding or padding > margin, not sure which way we’d need to tweak it. Or maybe we can move that padding/margin from the container into the a href interior item, which would increase it’s clickable size.