Transition for menu

[Clarisse DOKOU]

Hi,

I use the Healing Touch theme.

I want to add a transition on the menu’s hover.
I tried to add in the Custom CSS field the code below but it doesn’t work :
.header .header-inner .nav ul li ul li:hover{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.header .header-inner .nav ul li ul li{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}

How can I do to add a transition on the menu’s hover?

Thank you in advance.

[Sonnal S Sinha]

Kindly show us the website URL.

Regards,
Shri

[Clarisse DOKOU]

Hi,

You need a password to connect to the website which is not published.
Here is a temp password for your support.
URL : http://www.clawebcreation.com/ledanubepalace/
ID : skt-support
PW : Vb@p7@UbDtIVwmDGNYX#SQB6

Thanks

[Sonnal S Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner .nav ul li ul { background: #f8f8f8 none repeat scroll 0 0 !important; display: block; opacity:0; position: absolute; text-align: left; transition: all 0.4s ease-in-out 0s; width: 200px; z-index: 9999999;}
.header .header-inner .nav ul li:hover > ul { background-color:#f8f8f8 !important; display: block; left: 0; width:200px; opacity:1;}

Regards,
Shri

[Clarisse DOKOU]

I added the code but now the submenu no longer appears.

[Sonnal S Sinha]

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner .nav ul li:hover ul { opacity:1 !important;}

Regards,
Shri

[Clarisse DOKOU]

Everything is ok now.

Thanks a lot.

[Sonnal S Sinha]

🙂

[Clarisse DOKOU]

Oops, sorry I spoke too fast.
There is a little thing to fix.
The submenu expands even when the mouse pass below the main menu and not only when the mouse pass over to the main menu.

This interferes with the navigation. For example, we can’t use the search field because the menu expands to the front of it.

[Sonnal S Sinha]

Hi Clarisse,

Kindly add this code in custom css box:

.header .header-inner .nav ul li ul{display:none !important;}

Regards,
Dave

[Clarisse DOKOU]

I added the code but unfortunately this causes the problem seen before, the submenu no longer appears.

[Sonnal S Sinha]

Hi Clarisse,

Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact
Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Dave

[Clarisse DOKOU]

Hello,

I’ve sent a message via sktthemes.net/contact but I haven’t received a response to date.
Could you please give me a feedback.

Thank you,
Clarisse

[Clarisse DOKOU]

Hello,

Nobody can help me?

[Sonnal S Sinha]

Hi Clarisse,

Sorry for delay in reply. Username and password not working kindly resend us admin details.

Regards,
Brad

[Author]

Posts