please help me with the Icon settings
I need the cart icon:
- was located on the right
2.white color
and also in the Delivery icon you need to assign the action go URL - https://08f3ba-3.myshopify.com/apps/parcelpanel
thank you very much
Topic summary
A user seeks help customizing their Shopify store’s cart and delivery icons with three specific requirements:
Cart Icon Modifications:
- Reposition to the right side
- Change color to white
Delivery Icon:
- Add clickable URL action linking to a parcel tracking page
Two community members provided CSS and JavaScript solutions. One suggested CSS code to modify the cart icon’s color and positioning. Another offered a more comprehensive JavaScript solution to be added to the theme.liquid file.
Current Issue:
The user reports the delivery button is difficult to interact with, lacking proper focus on the icon. An accompanying screenshot illustrates the problem, but the discussion remains unresolved regarding this usability concern.
The thread is ongoing, awaiting further troubleshooting for the button interaction issue.
Add the below code to your theme’s CSS file.
a#cart-icon-bubble svg {
fill: #fff !important;
position: relative;
left: 52px;
}
1 Like
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
1 Like
