web-dev-qa-db-fra.com

Réduire la largeur du menu déroulant dans Wordpress

j'ai utilisé le menu déroulant. sa ont deux marques de colonne une montre un autre couteau. montre précédente ont 5 méga menu déroulant de la colonne. j'avais enlevé deux colonnes. sa montre maintenant un espace noir supplémentaire. comment l'enlever? J'ai utilisé menu-pleine largeur quand je crée un menu. c'est mon site lien

Site LINk

aidez-moi, s'il vous plaît ? Comment réduire les espaces noirs supplémentaires? regarder les marques? aucune idée sur?

1
RajVel N

C'est un problème de CSS. Vous devez éditer deux sélecteurs.

Le premier est la largeur du menu. Il est réglé à 100%, c'est pourquoi vous voyez un espace noir. Éditez cette classe ci-dessous .:

.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown {
    padding: 20px 25px 25px;
    width: 100%; // set this to auto or something smaller than 100%
    left: 0;
    border: 1px solid #eee;
    background: #fff;
}

Les balises li dans ce menu sont configurées pour être divisibles par cinq, moins un remplissage, ce qui explique pourquoi vous voyez 18%. Donc, vous devez changer ce sélecteur:

.cap-primary-menu .menu > li.menu-full-width .cap-submenu-ddown .container > ul > li {
    width: 18.297%; // change this to 30% and go from there.
}
1
certainstrings