How to move shopping cart icon on Mobile to the far left? (Vantage Theme Kingdom 4.0.2)

Shopify Discussion
1

Current shopping cart icon on mobile is aligned to the right with the menu icon, with the centered logo it doesn’t look balanced, I would like to move the shopping cart icon to the far left side of the mobile menu on top. I have tried 2 different codes in this discussion board, but both not working. Please help~

https://yoyuu.ca/

2

Hi @Cosmstudio,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at the bottom of the file → Save

@media(max-width:767px){
#shopify-section-sidebar .sidebar__responsive-handles [href="/cart"]{
    position: absolute;
    left: 19px;
    top: 15px;
}
}

PageFlyRichard_0-1682558509298.png
PageFlyRichard_0-1682558509298.png788×1400 105 KB

Hope my solution works perfectly for you!

Best regards,

Richard | PageFly

1 Like
3

Hi thank you for taking your time to solve my problem, looks great!!

1 Like
4

You are welcome. I’m glad when I can help you