Archived topic
Button hover oddity!
3 replies · Started by David on July 6, 2021
Hi everyone,
If you visit the site provided, you will see two rows of buttons (added from the GB pro library & the second lot copied from the first after it was created)
The first one in the Our Products row is 'White Line', and the hover link works no matter where you mouse is on the button
But the first one on the Product Industries row (Automotive) looses the hover effect when you hover below the word Automotive on the button!
Any ideas, seems really strange!
(tested in Chrome Edge and Firefox)
TIA, Dave
Hi there,
this is really a question for the GB Forums - but it took a quick look and the issue i see is the Container below your buttons has a Negative Top Margin and its that container and its psuedo background image overlapping the buttons.
Give the Buttons Container a higher z-index so remains in front.
Thanks David,
Nailed it, cheers :)
Glad to be of help
