Dawn theme Header Icon Customization - urgent

[Sivadarshan]

My website uses the Dawn theme. I need to customize the header cart and account login icon hide in both mobile and desktop views.

Website: https://varthagamin.myshopify.com/

password: var

[Denziox44]

Go to Dawn Theme file > Edit theme > search for header.liquid
Comment this code

{%- if shop.customer_accounts_enabled -%}
<a href="{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}" class="header__icon header__icon--account link focus-inset{% if section.settings.menu != blank %} small-hide{% endif %}">
<account-icon>
{%- if customer and customer.has_avatar? -%}
{{ customer | avatar }}
{%- else -%}
{% render 'icon-account' %}
{%- endif -%}
</account-icon>
<span class="visually-hidden">
{%- liquid
if customer
echo 'customer.account_fallback' | t
else
echo 'customer.log_in' | t
endif
-%}
</span>
</a>
{%- endif -%}

{%- for block in section.blocks -%}
{%- case block.type -%}
{%- when '@app' -%}
{% render block %}
{%- endcase -%}
{%- endfor -%}

<a href="{{ routes.cart_url }}" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble">
{%- liquid
if cart == empty
render 'icon-cart-empty'
else
render 'icon-cart'
endif
-%}
<span class="visually-hidden">{{ 'templates.cart.cart' | t }}</span>
{%- if cart != empty -%}
<div class="cart-count-bubble">
{%- if cart.item_count < 100 -%}
<span aria-hidden="true">{{ cart.item_count }}</span>
{%- endif -%}
<span class="visually-hidden">{{ 'sections.header.cart_count' | t: count: cart.item_count }}</span>
</div>
{%- endif -%}

or 

you can wrap that code with html tag and add a css to display:none;

[DaisyVo]

Hi @Sivadarshan  

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.header__icon--cart,
a.header__icon.header__icon--account.link.focus-inset.small-hide {
    display: none !important;
}

Result 

Best,

DaisyVo

[Rahul_dhiman]

Hello @Sivadarshan 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.header__icon--cart, a.header__icon.header__icon--account.link.focus-inset.small-hide {
display: inherit;
align-items: center;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks