How can I add a space between the dropdown arrow and the menu name?

[lillylove]

I'd like to add a little space between the menu name and the dropdown arrow. How can I do this? 

https://yourlifeinalignment.com

[Moeed · Accepted solution]

Hey @lillylove 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
svg.icon.icon--wide.icon-arrow-down {
    position: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[lillylove]

This worked perfect! Thank you so much! 

[Moeed]

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.

[PageFly-Oliver]

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

<style>
#shopify-section-header .site-nav>li>.site-nav__submenu{
top:110% 
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[kashco]

It didn't work for me. Please suggest an alternate solution.