Change modal slide in animation

I would like to make the cart modal slide up from bottom instead of from right to left. Can this be achieved are there css elements I can target and override?

Hi @fred, thanks for reaching out!

A quick way to do this would be to replace the slideIn default animation keyframes in the CSS with the animation you want. This would make it slide from below:

@keyframes slideIn {
  0% {
      transform: translateY(110%);
  }

  100% {
      transform: translateY(0);
  }
}

Can you add this to your CSS and test it out?

Thanks.

great exactly what I needed

1 Like