How to remove mobile website cart icon and navigation icon

Technical Q&A
1

Im in the midst of cleaning up my website for mobile visitors and I came across an issue i had with the header does any one know how to remove the two icons on the right side of the page and center the logo?

shopify.JPG
shopify.JPG447×199 22.6 KB

2

Hi @skrtskrtb3rt ,

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 749px){
	.site-header__logo{
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
	.site-header__logo-image img{
		margin: auto !important;
	}
	.site-header__icons{
		position: absolute;
		right: 0;
	}
	.site-header__search-toggle,
	.site-header__cart{
		display: none !important;
	}
}

Hope it helps!