[ts997]

Hello,
For Catch Base free theme, in mobile view, the search icon disappears and search feature is moved to the hamburger menu. I would prefer to have a search option that is visible at all times without having to go into a menu, the way it is on the desktop version. I would appreciate any solutions or workarounds for this. I am fine with it being a fixed search bar or an icon next to the cart icon, as long as it’s visible on the page

Thanks

[sujapati]

@ts997:
At the moment for the free version of  the Catch Base Free theme does not include a built-in option to display the search icon in the mobile header like the desktop version.
However, you can achieve this by adding custom CSS to your site. This will allow the search icon to remain visible in the mobile header.  Please add the below CSS to your site.

@media screen and (max-width: 990px) {
    .nav-primary,
    .nav-header-right,
    .nav-secondary,
    .nav-footer {
        display: block;
        position: static !important;
    }
    .nav-footer,
    .nav-primary .menu {
        display: none;
    }
    #search-toggle {
        position: absolute;
        right: 0;
        top: 14px;
        margin-right: 10px;
    }
    .site {
        position: relative;
    }
    #search-container {
        bottom: auto;
    }
}

Regards,
Sujapati

[Author]

Posts