Misplaced Cart Icon on mobile

Misplaced Cart Icon on mobile

TuneToyz
Explorer
91 0 22

Screen Shot 2024-07-27 at 11.34.00 AM.png

My website is tunetoyz.com and on mobile my cart icon seems to be too low can someone help make it higher thanks!

Replies 4 (4)

Asad-Mahmood
Shopify Partner
445 80 91

Go to your online store -> customize -> settings -> custom css and paste this code there

@media screen and (max-width: 749px) {
    div#kaktusc-cart-icon {
        top: 48px !important;
    }
}

 

AsadMahmood_0-1722105600987.png

 



If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver




TuneToyz
Explorer
91 0 22

Thank you!

TuneToyz
Explorer
91 0 22

Screen Shot 2024-07-27 at 12.01.41 PM.png

hey is there a way to make the cart icon a little smaller and move to the right only on mobile?

Asad-Mahmood
Shopify Partner
445 80 91

use this css code to make the icon smaller and on right in mobile 

@media screen and (max-width: 749px) {
    div#kaktusc-cart-icon {
        width: 40px !important;
        height: 40px !important;
        top: 54px !important;
        right: 10px;
    }
}

 

If my solution has been helpful, you can consider supporting me via Buy Me a Coffee.
Hire me: asadmahmood8470@gmail.com
WhatsApp
Fiver