Topic: search icon in header on mobile

Hello,

Please try this code:

@media only screen and (max-width: 992px) {
    .navbar-header .header-search {
        display: inline-block;
    }
    .header-search.act-full-width .search-btn {
        z-index: 9;
        margin-top: 10px;
    }
    .et-header-full-width .navbar-header {
        padding-right: 5px;
        width: 100% !important;
        position:  absolute;
        height: 50px;
        top: 25px;
    }
    .header-search.act-full-width input[type="text"],
    .header-search .et-icon {
        font-size: 1.5rem !important;
    }
}

Regards

Please change the previous code to:

@media only screen and (max-width: 992px) {
    .navbar-header .header-search {
        display: inline-block;
    }
    .header-search.act-full-width input[type="text"],
    .header-search.act-full-width.search-open i:before {
        font-size: 1.2rem !important;
    }
    .header-search.act-full-width.search-open i:before {
        margin: 16px 5px;
    }
    .et-header-full-width .navbar-header .search-open {
        padding-right: 5px;
        width: 100% !important;
        position:  absolute;
        height: 50px;
        left: 0;
    }
}

Regards

This situation can be caused by 3rd party plugins or your changes in files.
On my test site, the search can be enabled by css code and works fine on mobile.

Regards