SlickNav 菜单栏徽标/网站标题

Question

正在考虑升级我的网站，目前将我的网站名称（不是徽标）作为我的菜单的一部分 - 只是一个简单的解决方案，效果很好。 对于移动屏幕，我购买的模板有一个 slicknav 菜单。我想要的是将网站标题放在 slicknav 菜单栏的中间。我知道 slicknav 有一个“品牌”功能，我认为这是用于显示搜索图标和其他社交图标。

我不是网站专家：p

那么任何人都可以给我一些建议，告诉我如何将标题（使用正确的字体等）添加到移动设备上的 slicknav 栏，或者如何添加以菜单为中心的“文本框”，以及我需要在哪里包括代码等

我已设法将主菜单中的更改包含在 Wordpress 定制器的“附加 CSS”部分中，但如果您能指出正确的方向，我很乐意将其放在任何地方。

网站是interiors.stephhannam.com

提前致谢， 斯蒂芬

Answer 1

你可以使用 :before 然后使用 content: "place anything here" 来放置东西。 :After 也可以，但它会在下拉菜单中的所有其他内容之后下降。它也适用于图像和链接。然后只需使用 position:, padding:, text-align:, 和 font-size: 等进行调整。

.slicknav_menu:before {
    content: "STEPH HANNAM INTERIORS";
    font-size: 3vw;
    position: absolute;
    padding: 4vw;
    text-align: center;
    width: 100vw;
}