Removing search icon from header?

  • Resolved Wikzo

    (@wikzo)


    6 years ago

    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)

    6 years ago

    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)

    6 years ago

    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)

    6 years ago

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

    dimned

    (@dimned)

    6 years ago

    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.

Tags

  • 4 replies
  • 2 participants
  • Last reply from: dimned
  • Last activity: 6 years ago
  • Status: resolved