FlyCart Position

Hello,

I tried to reduce the size of the icon and also move the position as it overlays on mobile view with my “menu” icon.

I used this css:

.woofc-count {width: 60px; height: 60px; } /* This makes the bubble smaller */
.woofc-count.woofc-count-top-right {top: 80px; right: 20px; } /* This moves it up and to the right from its default location */
.woofc-count i {line-height: 60px; } /* 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 */
.woocommerce-Price-amount.amount {
color: #623C20;
}

My issue is, that the mouseover moves the icon too much to the top of the page on my desktop view, so that the user often clicks beside and need to follow too much. How can that be achieved?

thank you

Nicolas

The page I need help with: [log in to see the link]