csswordpresswoocommercecartlms

The cart item number gets over shadowed after being logged in

I customized wplms nav menu, now the cart item number inside gets overshadowed after logging in

here's what the cart looks like: https://prnt.sc/uRFyFlSm5_vx (when logged in)

here's what it looks like:

https://prnt.sc/fl5n6ZccipJL (when logged out)

I tried overring the css but had no luck.

header.sleek.transparent.fix .vbpcart span em {
    background: #FFE074 !important;
    font-size: 10px;
    line-height: 1;
    position: absolute;
    top: -9px;
    font-style: normal;
    border-radius: 50px;
    width: 20px;
    text-align: center;
    font-weight: 600 !important;
    color: #000 !important;
    padding: 5px;
    left: 9px;
}

here's the css

Solution

  • Notice how on the working page you are able to scroll, while the faulty page is fixed.

    .sleek .topmenu>li:first-child a>span {
    overflow: inherit;
}

    Using the overflow property, you can restore this scroll.