How can I change the header icon on mobile to an account icon?

[Pingyin]

Hi I would like to change ‘searching icon’ to ‘account icon’ on top of header. Dawn 7.0.0. Please help.

URL:https://hannahsaccesory.myshopify.com/

(password:naihia)

[oscprofessional]

@Pingyin
Hello,

@media screen and (max-width: 749px){
.header__icons .small-hide {
	display: block !important;
}
.menu-drawer__account.link.focus-inset.h5 {
	display: none;
}
.list-social__item {
	width: 50px;
	float: left;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

[Pingyin]

@oscprofessional
Hello why would it look like this on my mobile?

[oscprofessional]

@Pingyin
Hello,

@media screen and (max-width: 749px){
.icon.icon-account {
	height: 100%;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

This Solution Its Useful so Please Like And Accept Solution

[Pingyin]

@oscprofessional could you move it a bit right one last time please. Many thanks.