Html 在菜单项之间添加填充-Shopify子菜单

我想在我的Shopify“关于我们”页面上有一个子菜单。到目前为止，我已经使用以下步骤设置了菜单；在线商店>导航>添加菜单>关于我们菜单

我用下面的代码解决了如何显示所述菜单的问题，我已将其直接插入页面模板中：

<div class="site-nav__item">    
{% for link in linklists.about-us-menu.links %}
<a href="{{ link.url }}"> {{ link.title }}</a>
{% endfor %}

还是我用了错误的方法？我还尝试了使用标签，我不喜欢它的外观（也许我需要一些更好的CSS？），还尝试了一个看不见的表格（在手机上看起来很糟糕）

谢谢你的帮助

---

Guy

尝试在标记上使用内联样式。让我们知道这是否有效，我们可以进一步调查

---

尝试在标记上使用内联样式。让我们知道这是否有效，我们可以进一步调查

我尝试在这里添加代码：{%for linklists.about-us-menu.links%}{{link.title}{%endfor%}但是没有乐趣。链接是添加填充到。site-nav_____项目也应该是一个工作的待遇！谢谢我尝试在这里添加代码：{%for linklists.about-us-menu.links%}{{link.title}{%endfor%}但是没有乐趣。链接是添加填充到。site-nav_____项目也应该是一个工作的待遇！谢谢

padding-right: 25px !important;