Snippets: Display Shopping Cart Icon on Mobile

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;
	}

}

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.