We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Add color transition ease to "summer 2024" in menu

Solved

Add color transition ease to "summer 2024" in menu

flammagreg
Trailblazer
276 0 39

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!

Accepted Solution (1)

MaverickStudio
Shopify Partner
101 32 35

This is an accepted solution.

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 🙂

♥ If you found my solution helpful, please consider giving it a  Like and marking it as the  ✔ Accepted Solution


Try our WhatsApp Chat Button Widget with multipe agents. Supachat: WhatsApp Chat Button


A Product of  Maverick Studio

View solution in original post

Replies 3 (3)

MaverickStudio
Shopify Partner
101 32 35

This is an accepted solution.

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 🙂

♥ If you found my solution helpful, please consider giving it a  Like and marking it as the  ✔ Accepted Solution


Try our WhatsApp Chat Button Widget with multipe agents. Supachat: WhatsApp Chat Button


A Product of  Maverick Studio

flammagreg
Trailblazer
276 0 39

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

Screenshot 2024-07-18 at 8.26.11 PM.png

flammagreg
Trailblazer
276 0 39