Snippets: How to move the Header Cart Icon Count “Bubble” to the top right

By default the header cart icon count bubble displays next to the icon, this is primarily so that it's larger and easier to read (accessibility reasons) however if you want to move it so that it's displayed at the top (like the header style one cart icon) you can with the following custom CSS.

.wpex-header-cart-icon__count { transform: translate(-50%,-50%) scale(.75); }

Snippet Type: PHP

Posted Under: Header

All PHP snippets should be added via a child theme's functions.php file or via the Code Snippets Plugin (or alternative plugin)