When I click on a button, it has this little animation where it bounces up a few pixels, then returns down. It’s nice, but it shifts the rest of the page content when it does that. How do I prevent the shifting? If it’s not easy to fix, please simply let me know how to disable the animation so none of the buttons have it. Thanks!
You have access to my site in the private section – simply spam the button on Test Page 2 to see what I mean.
Hey champlainconted!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-button:active { border-top-width: 0; }
Cheers!
Yigit
Hi Yigit,
Thanks, the top border doesn’t shift anymore… but the bottom one does. You can see if you want, site has been updated. How do we prevent the shifting of the bottom? I tried searching for that class in Enfold’s files, but “border-width-bottom” is already set to 0px, so not sure what’s doing it.
Thanks,
Matt
Hey!
Please add following code as well
.avia-button:active { border-bottom-width: 1px; }
Regards,
Yigit
That did it! Issue resolved, thanks.