How can I Remove the mobile swipe arrows & image number below Images On The Home Page?
Store link: https://95d536-88.myshopify.com/
Store keycode: www
Topic summary
A user asks how to remove mobile swipe arrows and image numbers that appear below images on their Shopify store’s home page.
Solution Provided:
- Navigate to Shopify Admin → Online Store → Theme → Edit code
- Locate the
theme.liquidfile - Insert custom CSS code above the
</head>tag
The response includes a code snippet (though the actual CSS content appears corrupted in the thread) and a before/after screenshot demonstrating the removal of these mobile navigation elements. The issue appears resolved with this CSS-based solution.
Hi @friendlyrobot19 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
1 Like