How to remove mobile website cart icon and navigation icon

skrtskrtb3rt
New Member
1 0 0

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

Reply 1 (1)
LitExtension
Shopify Partner
2000 332 408

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!

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!