J'ai un menu et je veux changer de couleur d'arrière-plan en vue transparente dans la vue de bureau.
p>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul id="menu" class="menu"><li id="menu-item-1496" class="menu-item menu-item-type-post_type menu-item- object-page menu-item-home current-menu-item page_item page-item-19 current_page_item menu-item-has- children menu-item-1496 dropdown active">
<a title="Home" href="https://adsler.co.uk/">Home </a>
<span class="dropdown-toggle shapely-dropdown" data-toggle="dropdown">
<i class="fa fa-angle-down" aria-hidden="true"></i>
</span>
<ul role="menu" class=" dropdown-menu"
<li id="menu-item-1502" class="fa fa-user menu-item menu-item-type- post_type menu-item-object-page menu-item-1502">
<a title="Create
Adsler Account" href="https://adsler.co.uk/create-account/">Create Adsler Account</a>
</li>3 Réponses :
Utilisez une requête de support pour cibler la taille de l'écran que vous envisagez d'être pour un bureau.
Par exemple: P>
@media screen and (min-width: 1028px) {
ul.dropdown-menu li {
background-color: transparent;
}
}
Si vous souhaitez effectuer le menu transparent, vous devez mettre votre règle sur la balise "UL", pas sur la balise "LI", comme ceci:
UL.DropDown-Menu { Colorie de fond: transparent! Important; }
.main-navigation .menu > li ul {
padding: 10px;
right: 0 !important;
background-color: transparent;
border-color:
transparent;box-shadow: none
}
.main-navigation .menu > li > ul >
li {
display: flex;
align-items: center;
background- color:transparent;
}
Cela ne semble pas aborder la question de la vue de bureau uniquement. Vous avez également eu des CSS mal formatés et cassés ici.
Quel modèle utilisez-vous? Ou pouvez-vous ajouter le CSS existant?
Veuillez prendre le temps et faire un effort (petit effort) pour partager le code de rangement et le code valide. Deuxièmement, le
couleur de fond est sur leul ou leli . Dans la question, vous dites que vous voulez changer la couleur du menu. C'est leul . Mais vous modifiez lefond de couleur des éléments de menuliUtilisez la requête multimédia pour déclencher un changement sur une résolution d'écran différente.