如何使用 elementor 在移动导航中添加社交图标

How to add social Icons in mobile navigation using elementor

有没有办法在 WordPress 中使用 elementor 为所有断点在导航中添加社交图标链接。我已经设法在桌面上的一栏中显示它们,但我无法在移动导航中显示

enter image description here

如果您需要图标与您的徽标(或任何其他东西)排成一行,而不是另起一行。

那么你有 2 个选择:

  1. 您可以创建一个模板(部分)并将图标放在那里,然后使用短代码小部件添加模板。请记住,您在 header 中的部分必须只有 1 列,并且其中的小部件必须设置为“内联”。

  2. 您可以有 2 个或更多列,然后向每个列添加 css class,然后您必须在自定义 css 中设置“flex”。例如,您有包含这些 css class 的列:.column1 & .column2

现在我们开始自定义 CSS(无论您在哪个小部件上编写此自定义 css):

.column1 {flex:1;}
.column2 {flex:3;}

根据需要更改 flex 中的数字。