Remove Account, Cart, Search, Language Icons from Header

This will remove all the icons to the right of navbar. And will be update proof.

  1. Please add the following code into your Customizer >> Custom CSS and JS >> Custom CSS
.navbar-nav:last-child {
    display: none !important;
}
  1. Next, you need to tell the mobile devices not to show the search icon, so just add this code right below the code you added in step 1.
@media only screen and (max-width: 769px) {
    .search-form {
    display: none;
    }
}

All Done!

Only for Removing Individual Items:

However, If you want to remove an specific icon and leave others:

  1. Please copy header.php inside your child themes root folder.

  2. Open this file in editor and around line 121, you will see following code:

<ul class="nav navbar-nav <?php echo $right_nav_style; ?>">
    <?php echo entrada_header_login_icon(); ?>
    <?php echo entrada_cart_info_block(); ?>
    <?php echo entrada_multilang_dropdown(); ?>
    <li class="visible-md visible-lg nav-visible <?php echo $v_divider; ?>"><a href="#" class="search-opener"><span class="icon icon-search"></span></a></li>
</ul>
  1. You can delete following line to remove the user icon.
<?php echo entrada_header_login_icon(); ?>

And following line to remove the cart icon:

<?php echo entrada_cart_info_block(); ?>

And finally following line to remove the search icon

<li class="visible-md visible-lg nav-visible <?php echo $v_divider; ?>"><a href="#" class="search-opener"><span class="icon icon-search"></span></a></li>

Thank you

1 Like