Skip to content

Snippet: 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);
All PHP snippets should be added via child theme's functions.php file or via a plugin. We recommend Code Snippets (100% Free) or WPCode (sponsored)
Back To Top