search Movil not work

Hello @maxiec,

Thanks for reaching out and letting us know.

We are aware of the issue, and it will be fixed for the next updates. For a temporary solution, please use these custom codes below:

Custom CSS:

/* DropDown and Overlay */
#icon-searchform-dropdown.enable-manually,
#icon-searchform-overlay.enable-manually {
    display: block;
    visibility: visible;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

Custom JS:

jQuery(document).ready(function($) {
    /* DropDown */
    $( ".oceanwp-mobile-menu-icon .search-icon-dropdown" ).click(function() {
        $( this ).parents().eq(2).find(".search-style-dropdown").toggleClass( "enable-manually" );
    });
    /* Overlay */
    $( ".oceanwp-mobile-menu-icon .search-icon-overlay" ).click(function() {
        $( this ).parents().eq(2).find(".search-style-overlay").toggleClass( "enable-manually" );
    });
    $(".search-style-overlay .search-overlay-close").click(function() {
        $( this ).parents().eq(3).find(".search-style-overlay").removeClass( "enable-manually" );
    });
});

For more information about the CSS/JS code on the customizer, please read this link:
https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Best Regards

• This reply was modified 4 years ago by Shahin.