How can I remove animation of all buttons? (theme Yuva)

[OneChefOn]

I have two questions: 
1. How to remove the animations of all buttons? The theme is Yuva.
2. How to change the vertical spacing of the navigation bar? Now it seems very crowded.

Store URL if needed: 5c252b-bc.myshopify.com

[Dkpatel]

Hello OneChefOn,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 1) Below code is for  vertical spacing of the navigation bar

.nav__header ul.navbar-nav.list-menu--inline { padding: 10px 0;}

2) remove the animations of all buttons

.button:hover {color: #fff;}
.button::before, .button::after {background-color: transparent;}

[OneChefOn]

I tried your method, but it didn't work. The added code was directly displayed. 

[Dkpatel · Accepted solution]

Replace below code

<style>
.nav__header ul.navbar-nav.list-menu--inline { padding: 15px 0;}
.button:hover {color: #fff;}
.button::before, .button::after {background-color: transparent;}
</style>

[OneChefOn]

It worked. Thank you very much.

[Dan-From-Ryviu]

Hi @OneChefOn 

Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings to remove animation and add more vertical space for your menu.

.button,
.button:before { transition: unset !important; }
html .header_2 .nav-item .nav-link, 
html .header_4 .nav-item .nav-link { padding: 12px 30px 12px 0; }

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code before the </head> tag

<style>
.navbar.navbar-expand-md {
  padding: 20px 0 !important;
}
</style>

Result:

Hope this helps! If yes then Please don't forget hit Like and Mark it as solution!
If you will unable to implement the same then I'm happy to do this for you, let me know.