Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 23, 2026 at 9:58 pm #343223
    ts997
    Member

    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

    May 25, 2026 at 1:22 am #343287
    sujapati
    Keymaster

    @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
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.