Missing Cart Icon on Mobile Menu

Hi, a customer mentioned to me today that they they can’t see it cart icon when they view my website on their mobile. So I checked and she was right. I’m 99% sure that it used to be there, but has maybe disappeared after an update.

Any help on getting it back would be much appreciated. Thanks

Hi,

Thank you for contacting us. I am happy to help with your issues.

Can you share a link to your website needing help with, so I can inspect the root of the problem and suggest you with the exact solution?

Regards,
Kharis
aThemes Support

Hi,

Thank you very much. The website address is https://www.carbonartuk.co.uk (I’ve added in a “Basket” option on the menu temporarily so that people can still access it on a mobile).

Thanks

Hi,

Thank you for sharing the link.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 1199px) {
      ul.header-search-cart.d-none {
        display: block !important;
      }
    }

Regards,
Kharis
aThemes Support

Hi,

Thanks - I’ve just added that to the website and it’s appeared now on smaller devices, which is great. The only thing is, it looks OK on a mobile, but on the mid-screen sizes it’s floating around in the middle of the screen - it there any way to keep it stuck to the right under the hamburger menu please?

Thanks

Hi,

Thank you for trying the code.

Try adding this code:

    @media only screen and (min-width: 768px) and (max-width: 1199px) {
      .header-mobile-menu + .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;    
      }
    }

Regards,
Kharis
aThemes Support