Would it be possible to make these arrows smaller in code? Here is two images about what I mean:
Website: https://568839.myshopify.com/
Topic summary
A user seeks to reduce the size of navigation arrows on their collection page in the Focal theme. They provide before/after images showing oversized arrows they want to make smaller.
Solution Provided:
- A CSS code snippet to be added in
theme.liquidabove the</body>tag - The code targets
.flickity-buttonelements and adjusts their dimensions - A result image demonstrates the arrows at a reduced size
Follow-up Request:
The original poster asks whether the header hamburger menu and shopping cart (tote bag) icons can also be resized smaller using similar methods. The responder confirms this is possible and offers to continue the discussion via direct message for further customization assistance.
Status: The initial arrow sizing issue appears resolved; additional icon customization is being arranged through private communication.
your store is now password protected so please give us the password then we will able to help you.
1 Like
I removed the password
Please add below code in theme.liquid above
Result:
I hope this solution will be work for you. if works then please like the solution and accept it.
Thank you
1 Like
Thank you! Since the size of those icons can be changed is it also possible to change the sizes of the header hamburger and tote bag?
Yes
1 Like
Can you help me with that? Making both of them smaller.
off course. You can free to message us for the further discussion. We will help you