Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #946511

    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,

    #946642

    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

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