如何锁定WordPress外贸独立站的导航栏
外贸独立站建好后,锁定WordPress外贸独立站的导航栏,会更方便访客浏览观看网站,但是免费版本的Astra主题没有固定导航栏的选项。
我们这个时候就需要用到插件的了
这个插件:Sticky Menu (or Anything!) on Scroll
使用这个插件就能固定导航栏,怎么下载插件就不说了,插件下载好后,我们简单设置下:
![](https://pic2.zhimg.com/80/v2-bc27ee51ba74670a14fa5168008083c1_720w.jpg)
找到我们这个网站的导航栏的里面的header里面的id 或者是 class 找到里面的参数:,我们的网站参数是如图所示的这个。
![](https://pic3.zhimg.com/80/v2-983c45bf308a49b4049dcb89196ce336_720w.jpg)
然后把这个参数填写到上面的框框中,这是电脑端的固定导航栏,手机端我们一般不需要固定导航栏,然后我们就在下面设置下:768
![](https://pic2.zhimg.com/80/v2-e25e445a853bc46301c51f08912d2469_720w.jpg)
最后,点击保存。
如果你发现导航在随页面滚动时,会被页面上的内容压住,那说明导航的层级不够高,你可以在这个外挂的设置中,进入advanced settings标签页,将z-index设置为9999并保存即可。
![](https://pic2.zhimg.com/80/v2-a4b39e7fa7623476d1166cb6e05e579d_720w.jpg)
最后就完成了。
我是大鹏跨境营销,分享实用的知识点,感谢关注,欢迎交流,谢谢。