Footer Hover Text
in Other
When we are hovering bottom Real Insight menu items, the blank part area is also active. I know my 4th menu text is large but I don't want that hover active on other blank parts.. plz check & share solution
Comments
Hi,
I hovered over the place from your screenshot, and this part is not clickable for me.
Did you handle this in the meantime?
Best regards
No sir, Please check once again when you move you hover on Power Usage Effectiveness on right blank side it is still active in hover effect. I think the larger width of 4th menu Condition Monitoring Service Management is been on all on above. Plz help we want hover on just text menu no on blank space
Realtime Insight
Try the following CSS code:
#mfn-footer-template .mfn-footer-menu .menu-item a{ display: inline-block; }Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.
Best regards
No it's not working. I don't want link active on blank side
It is not working because you did not close the bracket in CSS above.
Best regards
Thanks a lot for your help. Now it is working fine..
One more query does this css transition works on all browser like in mobile & desktop
Also u answered by first query over here.. This is the thread of footer text links tht u had shared css below is not working . plz check my above thread.
#mfn-footer-template .mfn-footer-menu .menu-item a{ : inline-block; }
Thanks a lot for your support
I checked your website and CSS I have sent works for me. Can you explain what do you refer to?
Also what transition are you talking about?
Best regards