如何扩大下拉菜单的大小

Question

我在Wordpress网站上有一个下拉菜单，但是当我在桌面分辨率上对其进行扩展时，它不会在单词旁边显示超棒的1,00图标，并且不会显示整个单词菜单。

如何使它变宽和变长，以便所有内容都可见？

HTML代码：

fa fa

Answer 1

在您的网站上，我注意到菜单项具有以下HTML：

<li id="menu-item-1502" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1502">
<i class="fa fa-user"></i> <a title="Create Adsler Account" href="https://adsler.co.uk/create-account/">Create Adsler Account</a>
</li>

我不知道您有多少，以及WP产生了什么（恐怕我不使用它）。 我对其进行了编辑，并且有效：

<li id="menu-item-1502" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1502">
<a title="Create Adsler Account" href="https://adsler.co.uk/create-account/"><i class="fa fa-user fa-fw">&nbsp;</i>Create Adsler Account</a>
</li>

基本上，我为FA图标使用了单独的i标签，并且也应用了fa-fw类。然后，将图标移到了a标签内，这避免了换行。如果您可以控制菜单，从而可以通过这种方式进行调整，那么它应该可以工作...