How to do slow transition in the dropdown menu and decreasing the font size (Debut)

Hello everyone!

I like that when I click on the “menu” icon in the upper left corner, my menu opens with a 0.5 second transition.
How can I make the same transition when clicking on menu items with an arrow (highlighted them in red). Now these items are opening very quickly.

And one more question.

I want to reduce the font size of the menu items that appear when opening the menu items (highlighted in red). Now if I change the font size, the font for the whole menu changes. And I just want to change the font of the submenu.

I will be glad for your help!

1 Like

Its can be done using css

Can Your please share your site URL

1 Like

Hello @ermyv

Welcome to the Shopify Community!

This is Jay here from Oakleaf Infoway. I would love to help you with the same.

Here I am a registered partner with Shopify and having more than 5 years of experience in Shopify customization, Desing Enhancement. Small tweaks, Store development, Third-Party app configuration and many more.

Please add me over skype for instant communication.

Skype ID- live:.cid.2ca82125d1edaa5f
Email ID: jay@oakleafinfoway.com

@AnishDua https://bychuri.ru password: geeble

Add below css on css file

.site-nav__link.site-nav__child-link span {
    font-size: 15px !important;
}
.site-nav__dropdown {
    background: #faf8f45e !important;
    opacity: 0.9  !important;
}
1 Like

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-nav__dropdown .site-nav__child-link span{
	
	font-size: 14px !important;
	font-family: emoji !important;
}
1 Like

@AnishDua

Thank you so much! I really like how the text looks now!

Maybe you can still help with the speed of opening menu items with arrows (highlighted in red). Now, when you click on the arrows, the submenu pops up very quickly, I want to slow it down.

Please message me or i add me on Skype : @Anish _20079 I will guide you