Menu list on mobile devices clicking weird animation

[NirajD10]

Describe the bug
when we are responsive mode(mobile view), by clicking dark or white mode button they change position of list.

Expected behavior
disable animation(only mobile view) and add background color when we click one of menu items.

Screenshots

animation.disable.in.mobile.view.mp4

Smartphone (please complete the following information):

• Device: All
• OS: All
• Browser All

[FlavioAdamo]

@NirajD10 @gdjohn4s
Something like this?

[gdjohn4s]

@FlavioAdamo oh i like this hover effect 🙂. But i dont think it will solve the mobile issue btw

[NirajD10]

@FlavioAdamo Yeah but in mobile view we can add active pseudo classes instead of hover. and disable scale animation

[iamjamesfrancis]

Hi @NirajD10,
Please review the video below and confirm if that is what you want.

APIVault.mp4

[NirajD10]

@iamjamesfrancis nice one. one more thing, does it work when you click one of list categories?

by the way you can do it PR, the moderator will check code.

[FlavioAdamo]

@iamjamesfrancis Good job!
A few things to make it even look better:

• Add a border radius to the hover effect
• save the background hover color variable in the style.css

When you are ready we will review the PR

[iamjamesfrancis]

Hi all,
Thank you for your feedback.

@NirajD10, I added the same styling for categories as well.

@FlavioAdamo, Sure with those requirements I will create the PR before 22:00 IST. 😊

[FlavioAdamo]

@iamjamesfrancis Thanks you! Take your time, even if it takes you a couple of day don't worry!

[gdjohn4s]

Yeah and thank you so much 🙂