繁体   English   中英

带CSS的手机中的WordPress导航栏菜单

[英]WordPress Navigation Bar Menu in Mobile Phones with CSS

我需要使用CSS的智能手机中导航栏菜单的帮助在计算机上,网站很好,但是在智能手机上,它是一个白框

我可以自定义它的唯一方法是使用其他CSS

我知道我使用的大多数代码一文不值

我要删除的是Mobile View中的白框

请看截图第一的网站是在https://www.elans.gr

第二

我使用的代码:

   .header-filter-gradient {
    background: linear-gradient(45deg, rgb(0,0,0) 0%, rgb(0,0,0) 100%);
}
.header-filter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-position: center center;
    background-size: cover;
}
.header-filter-gradient {
    background: linear-gradient(45deg, #00000 0%, #00000 100%);
}

.navbar {
    background-color: gray;
    color: white;
}

.navbar.active {
    background-color: #424bf4;
    color: white;

}

.navbar.hover:not(.active) 
{
    background-color: #000;
    color: white;
}

只需在您的style.css中添加以下CSS

 @media (max-width: 768px) { 
.navbar.navbar-fixed-top .navbar-collapse {

 background: #211818; //color that you need to change
 color: red !important; // your text  color
              }}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM