I’d like to add a little space between the menu name and the dropdown arrow. How can I do this?
Topic summary
A user seeks to add spacing between menu names and dropdown arrows in their Shopify store header.
Solution Provided:
Two respondents offered identical CSS-based solutions:
- Navigate to Online Store → Edit Code → theme.liquid file
- Insert custom CSS code above the
</body>tag - The code targets dropdown arrow spacing through style modifications
Outcome:
The original poster confirmed the solution worked perfectly. However, another user reported the same approach failed for them and requested an alternative method.
Status: Partially resolved—works for some users but not universally effective. The thread remains open with one unresolved case awaiting further assistance.
Hey @lillylove
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @lillylove ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
1 Like
This worked perfect! Thank you so much!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
1 Like
It didn’t work for me. Please suggest an alternate solution.