CSS代码:
/*手机侧边栏背景图片*/
@media (max-width: 767px){
.mobile-navbar.show,.mobile-navbar.left{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
background-image:linear-gradient(rgba(255, 255,255,0),rgba(255,255,255, 0.3)),url(图片链接);}
.mobile-nav-widget .box-body {
background: var(--muted-border-color) !important;}
}
图片请在CSS里面的自行添加链接即可。
很简单:展示效果如下:
![图片[1] - WordPress网站子比主题手机左侧菜单添加背景图片美化教程 - 鹿泽笔记](https://www.bailuze.com/wp-content/uploads/2024/05/20240530165809.png)
👋 感谢您的观看!
© 版权声明
THE END