Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 18, 2019 at 3:40 pm #1092449
    heartbit

    Hello,

    our customer wanted to replace the magnifying glass icon in the main menu with a search box. For this we have implemented the following instructions: https://kriesi.at/support/topic/enfold-removing-the-search-magnifying-glass-and-adding-in-the-search-field/

    This works as far as intended, but there is an undesirable behavior. On mouseover, the search box shifts for 15px to the left. The reason for this is an inline style change on mouseover from

    … <div style = “opacity: 0; display: none;”> …

    to

    … <div style = “opacity: 0; display: none; right: 15px;”> …

    Why does that happen or what should we do to keep the search box from moving?

    Many Thanks.

    Yours sincerely,

    heartbit

    April 21, 2019 at 2:53 pm #1093045
    Mike

    Hey heartbit,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #searchform > div {
right: 0px !important; 
}

    Best regards,
    Mike

    April 21, 2019 at 7:17 pm #1093112
    heartbit

    Hey Mike,

    it works. Thank You very much!

    Best regards,

    heartbit

    April 21, 2019 at 8:43 pm #1093138
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘The search box in the main menu shifts on mouseover’ is closed to new replies.