• Resolved Wikzo

    (@wikzo)


    I would like to remove the little search icon in the header.

    I found that I can manually remove it by commenting out the following lines in header.php:

    <!-- Removing search button 
    			<button class="search-toggle" id="search-toggle">
    				<span class="lnr lnr-magnifier"></span>
    			</button>
    			-->

    But this is a bit of a hack and will get removed whenever the theme is upgraded (I would like to avoid making a child-theme).

    Is there a way I can do it via custom CSS instead?

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

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

    (@wikzo)

    Update: I’m slowly starting to understand custom CSS.

    I added the following and it seems to remove the search icon on both desktop and mobile:

    .search-toggle {
    	display: none;
    }
    
    .mobile-search-form-wrapper {
    	display: none;
    }
    dimned

    (@dimned)

    Hi @wikzo,
    Good Job! I’ve also added your request to our list of features probably we will add some option to hide the search via customizer.
    MotoPress team

    Thread Starter Wikzo

    (@wikzo)

    Thanks. Maybe add some options to show different icons, e.g. social media icons such as Facebook, Twitter, Instagram, etc.

    dimned

    (@dimned)

    Hi @wikzo,
    Thanks for your suggestion.

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

The topic ‘Removing search icon from header?’ is closed to new replies.