The bubble covers my hamburger menu on mobile

I fixed this with css and thought I’d share that here in case it helps someone else.

Note that the css will be a little different for you because your theme is probably different:

.woofc-count {width: 45px; height: 48px; } /* This makes the bubble smaller */
.woofc-count.woofc-count-top-right {top: 15px; right: 20px; } /* This moves it up and to the right from its default location */
.woofc-count i {line-height: 50px; } /* This moves the icon up within the bubble */
.woofc-count span {top: -12px; right: -12px; height: 27px; width: 27px; } /* This move the item counter up and to the right from its default location, and makes it a little smaller */
@media (max-width: 767px) { .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {right: 80px; } } /* This moves my hamburger menu left to get it out of the way of the Bubble. Will be different for your theme */