Snippet: Display Shopping Cart Icon on Mobile

Updated: June 10, 2017

Important: This CSS may need to be adjusted depending on your mobile menu style to position the icon as needed and on your mobile menu breakpoint (for changing the media query).

@media only screen and (max-width: 1080px) {

	body.has-mobile-menu #site-navigation-wrap {
		display: block !important;
	}
	body.has-mobile-menu #site-navigation-wrap li {
		display: none !important;
	}
	body.has-mobile-menu #site-navigation-wrap li.woo-menu-icon {
		display: block !important;
	}

	body #mobile-menu {
	    right: 40px;
	}

}

Learn how to add custom CSS to your site.