Add color transition ease to "summer 2024" in menu

Hi guys,

Website: vossani.com

How can I add a 0.4s ease to the gray color change of “summer 2024” in the menu? Any help would be appreciated!

Hey @flammagreg

You can follow these steps:

Step 1: Go to Online Store > Theme > Edit code > find the custom.css file and add the following:

.mobile-nav__item .mobile-nav__link {
	transition: all 0.4s ease-in-out !important;
}

That will give all links a nice slow transition to gray rather then being an instant effect. Hope that helps :slightly_smiling_face:

1 Like

Thank you. Also, do you know how to center the text on the button on the cart?

Here’s a link to question if you want another solution: https://community.shopify.com/c/shopify-design/center-text-on-buttons-on-the-cart/td-p/2667851