Cart with item number in mobile menu

I was wondering if you have a solution for misplacement of the item number in mobile menu. I wish I can attach a screenshot. The item number is no where close to the cart… it’s completely off the content area.

Also, is it possible to move the cart icon out of the hamburger menu so they’re invisible all the time on phone and tablet?

thanks.

Hello @toycrane0070,

Please provide a link to your website and some explanatory screenshots.

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

Kind Regards, Roman.

Roman,
Here are the screenshots in my google drive… I can’t share my website link publicly yet. I made the screenshot of sydney pro demo as well.

https://drive.google.com/drive/folders/0B1_t-rwtvRtndEJRZVVMUUtLYzQ?usp=sharing

Thanks.

Hello @toycrane0070,

I can’t access the screenshots, can you please check them?

Kind Regards, Roman.

Roman,
Can you please this link instead?

Thanks.

Hello @toycrane0070,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

@media (max-width: 1024px) {
    .cart-contents .cart-amount {
        position: relative;
        top: -32px;
        margin-bottom: -18px;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.