Change Hestia shop sidebar icon on mobile

This documentation will show you how to change shop sidebar opening icon for Hestia Pro theme.

This documentation assumes that you have WooCommerce Sidebar active.

We recommend using a font-awesome icon. You can find plenty of them here.

Click on the desired icon and look for Unicode.

Navigate from your Dashboard to Appearance->Customize->Additional CSS and paste the following code.

.hestia-sidebar-open > .fa-filter:before {
	content: "\f2b9";
}

All you have to do is to replace the Unicode from the content property with the one from your icon. Please let the backslash ( \ ) there.

Here is an example for facebook and twitter icon.

.hestia-sidebar-open > .fa-filter:before { 
	content: "\f09a";
}

.hestia-sidebar-open > .fa-filter:before { 
	content: "\f099"; 
}