Magento 2 Comment remplacer le fournisseur / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

Comment puis-je remplacer le fichier vendeur / magento / magento2-base / lib / web / css / source / lib / _navigation.less dans mon thème personnalisé?

Vous pouvez essayer avec

app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/_navigation.less

En savoir plus: Comment remplacer gallery.css

1) Vous devez copier à _navigation.lesspartir de votre thème parent vers app\design\frontend\vendor\theme\web\css\source(votre thème personnalisé) et remplacer votre CSS après .lib-main-navigation();et .lib-main-navigation-desktop();ce style de navigation lib.

OU

2) vous pouvez remplacer la valeur de la variable de navigation dans le thème personnalisé _theme.less,

vous pouvez trouver le nom de variable à lib\web\css\source\lib\variables

_navigation.less

En plus des réponses de Khoa TruongDinh et de Dipesh Rangani, le chemin prioritaire de Khoa TruongDinh est correct mais afin d'empêcher magento de remplacer vos styles personnalisés, vos styles personnalisés, doivent être ajoutés après la .lib-main-navigation (); et .lib-main-navigation-desktop (); comme Dipesh Rangani l'a mentionné, alors dans la _navigation de votre thème personnalisé; moins de fichier, vous aurez:

.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {

     .lib-main-navigation();

     Your custom code here
}


.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {

    .lib-main-navigation-desktop();

    Your custom code here
}

Cela a été extrêmement utile, je copiais le fichier lib et le modifiais dans la classe .lib-main-navigation-desktop () qui était écrasée, maintenant si je charge ce mixin en premier et que je mets mes styles après les avoir écrasés