Submenu animation possibilities?

[Ivee]

Hello,

Is there a way to make the submenu from my main navigation do a slide down or fold out animation? I tried to find options in the settings, but I’m getting this action needs custom CSS? I looked online such as the ones here https://www.newmediacampaigns.com/blog/nicer-navigation-with-css-transitions-part-2 and https://codepen.io/toddsynan/full/pJuyx (Slide down #1 and Fold out), but I don’t know what X Theme class/div to replace their .nav

A quick copy and paste in the CSS theme option didn’t do the trick obviously and logically.

Thank you in advance,
Ivee

[jade]

Hello Ivee,

Please try this code the CSS selectors you may use to target the dropdown menu is .masthead .x-navbar .desktop .sub-menu and .masthead .x-navbar .desktop .x-active .sub-menu for the hover event.

However, please note that merely adding the CSS may not produce the same effect since the sample link you have provided has a different structure than the X header area. It is possible to achieve such effect but with some more custom codes but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding. Take care!

[Ivee]

Thank you jade for the target dropdown menu selectors. I was expecting the last part as the answer since I didn’t see much of their structures on X theme. Still didn’t work with plenty of tries, but like you said, it is a custom code outside your scope so I keep doing trial and errors.

[jade]

You’re welcome, Ivee.