How would we add lines in-between text in mobile main menu? we have added a photo for reference of what we are wanting to achieve. help would be very much appreciated. thank you.
our website: https://munnafashion.com
Topic summary
A user seeks help adding separator lines between menu items in their mobile navigation, providing a reference image of the desired design.
Solutions Provided:
Two support representatives (PageFly-Victor and GemPages) offered similar CSS-based solutions:
- Navigate to Online Store → Themes → Actions → Edit Code
- Open the
theme.liquidfile - Insert custom CSS code before the
</body>closing tag
Both responses include screenshots demonstrating the code placement location and appear to provide working CSS snippets for achieving the visual separator effect. The solutions follow standard Shopify theme customization practices for adding custom styling to mobile menus.
Hi @munfas_uk
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
Hope this answer helps.
Best regards,
Victor | PageFly
Hello @munfas_uk ,
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team