Javascript SlickNav菜单栏徽标/站点标题

Javascript SlickNav菜单栏徽标/站点标题,javascript,html,css,json,slicknav,Javascript,Html,Css,Json,Slicknav,考虑升级我的网站,目前将我的网站名称(不是徽标)作为菜单的一部分-这只是一个简单的解决方案,效果很好。 对于移动屏幕,我购买的模板有一个光滑的导航菜单。我想要的是在SLICKNAV菜单栏中间有网站标题。我知道slicknav有一个“品牌”功能,我认为这是用来显示搜索图标和其他社交图标的 我不是网站专家:p 那么,有谁能给我一些建议,告诉我如何将标题(使用正确的字体等)添加到手机上的滑动导航栏,或者如何在菜单中央添加一个“文本框”,以及我需要在哪里添加代码等 我已经设法将主菜单中的更改包括在Wor

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

我不是网站专家:p

那么,有谁能给我一些建议,告诉我如何将标题(使用正确的字体等)添加到手机上的滑动导航栏,或者如何在菜单中央添加一个“文本框”,以及我需要在哪里添加代码等

我已经设法将主菜单中的更改包括在Wordpress customiser的“附加CSS”部分中,但是如果你能给我指出正确的方向,我很乐意把它放在任何地方

网站是

提前感谢,,
Steph

您可以使用:before-then-use内容:“在此处放置任何内容”来放置内容:After也可以工作,但它将在drop菜单中的所有其他内容之后下降。它也适用于图像和链接。然后只需使用位置:、填充:、文本对齐:、字体大小等进行调整

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

太好了,这真是太棒了!谢谢