How can I disable slide effect?

  • Resolved ooza

    (@ooza)


    4 years, 6 months ago

    Hi, I’d like to disable the slide effect and just add a fade-in when I click on search icon (but with full-width style)

    Regards.

    • This topic was modified 4 years, 6 months ago by ooza.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter ooza

    (@ooza)

    4 years, 6 months ago

    In other words, I’d like to use the Full Width Style but without the Sliding effect, just a fadein effect. Sorry for the confusion.

    EDIT: The correct link is this: https://www.alstexas.org/home-updated/

    Regards.

    • This reply was modified 4 years, 6 months ago by ooza. Reason: wrong link
    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    4 years, 6 months ago

    I hope you are well today and thank you for your question.

    It won’t work exactly but you can try achieving this by adding the below CSS code in the Custom CSS option of the Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings

    .is-menu.full-width-menu form,
.is-menu.full-width-menu .search-close {
    display: none !important;
}
.is-menu.full-width-menu.open form,
.is-menu.full-width-menu.open .search-close {
    display: block !important;
}

    You have to develop custom code to achieve the desired custom effect.

    Best regards,

    Thread Starter ooza

    (@ooza)

    4 years, 6 months ago

    I can achieve this with CSS only? Or I have to modify JS?

    Regards.

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    4 years, 6 months ago

    You have to modify JS and PHP files.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How can I disable slide effect?’ is closed to new replies.