Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 25, 2018 at 11:13 am #946511
    Ghallab

    Hi ,
    How i can change transition for main menu background during hover to be like the below link
    mean slow motion hover from left to right with changing of background
    Regards,

    April 25, 2018 at 3:42 pm #946642
    Vinay

    Hey Ghallab,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .menu-item {     
  background-image: linear-gradient(to left,  
  transparent,  
  transparent 50%,   
  #00c6ff 50%,
  #00c6ff);
  background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
}

.menu-item:hover {
    background-position: 0 0; 
}

    Best regards,
    Vinay

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