Transition for menu

Home Forums All Other Themes Transition for menu

Viewing 15 posts - 1 through 15 (of 25 total)
  • Author
    Posts
  • #45699
    Clarisse DOKOUClarisse DOKOU
    Member
    • Topics: 5
    • Replies: 21
    • Total: 26
    Member since: April 26, 2016

    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.

    #45717
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    Kindly show us the website URL.

    Regards,
    Shri

    #45829
    Clarisse DOKOUClarisse DOKOU
    Member
    • Topics: 5
    • Replies: 21
    • Total: 26
    Member since: April 26, 2016

    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

    #45896
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    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

    #46007
    Clarisse DOKOUClarisse DOKOU
    Member
    • Topics: 5
    • Replies: 21
    • Total: 26
    Member since: April 26, 2016

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

    #46077
    Sonl SinhaSonl Sinha
    Keymaster
    • Topics: 10
    • Replies: 6987
    • Total: 6997
    Member since: June 12, 2013

    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

    #46323
    Clarisse DOKOUClarisse DOKOU
    Member
    • Topics: 5
    • Replies: 21
    • Total: 26
    Member since: April 26, 2016

    Everything is ok now.

    Thanks a lot.

    #46342
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31022
    • Total: 31022
    Member since: August 16, 2013

    🙂

    #46365
    Clarisse DOKOUClarisse DOKOU
    Member
    • Topics: 5
    • Replies: 21
    • Total: 26
    Member since: April 26, 2016

    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.

    #46370
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31022
    • Total: 31022
    Member since: August 16, 2013

    Hi Clarisse,

    Kindly add this code in custom css box:

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

    Regards,
    Dave

    #46375
    Clarisse DOKOUClarisse DOKOU
    Member
    • Topics: 5
    • Replies: 21
    • Total: 26
    Member since: April 26, 2016

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

    #46468
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31022
    • Total: 31022
    Member since: August 16, 2013

    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

    #47459
    Clarisse DOKOUClarisse DOKOU
    Member
    • Topics: 5
    • Replies: 21
    • Total: 26
    Member since: April 26, 2016

    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

    #47671
    Clarisse DOKOUClarisse DOKOU
    Member
    • Topics: 5
    • Replies: 21
    • Total: 26
    Member since: April 26, 2016

    Hello,

    Nobody can help me?

    #47742
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31022
    • Total: 31022
    Member since: August 16, 2013

    Hi Clarisse,

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

    Regards,
    Brad

Viewing 15 posts - 1 through 15 (of 25 total)
  • You must be logged in to reply to this topic.