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

Question

我想在我的 Shopify 'About Us' 页面上有一个子菜单。到目前为止，我已经使用以下步骤设置了菜单；在线商店 > 导航 > 添加菜单 > about-us-menu

我想出如何使用下面的代码显示所述菜单，我已将其直接插入到页面模板中：

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

所有的菜单项都堆在一起，这看起来很愚蠢。如何在菜单项之间添加填充，同时确保它在桌面和移动设备上看起来都不错？我假设我使用 CSS?

我已经尝试使用以下（没有影响）：

padding-right: 25px !important;

还是我处理方法不对？我也尝试过使用标签，我不喜欢它的外观（也许我需要更好的 CSS？）并尝试了一个不可见的 table（在移动设备上看起来很糟糕）。

感谢您的帮助。

男人

Answer 1

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

<a style='padding-right:25px' href='www.whosebug.com'>stack</a>
<a href='www.whosebug.com'>stack</a>

Adding Padding Between Menu Items - Shopify Sub Menu