Magento 2 Come sovrascrivere fornitore / magento / magento2-base / lib / web / css / source / lib / _navigation.less?

Come posso sostituire il file vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.less nel mio tema personalizzato?

Puoi provare con

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

Ulteriori informazioni: Come eseguire l'override di gallery.css

1) Devi copiare _navigation.lessdal tuo tema genitore in app\design\frontend\vendor\theme\web\css\source(il tuo tema personalizzato) e sovrascrivere i tuoi CSS dopo .lib-main-navigation();e .lib-main-navigation-desktop();questo stile di navigazione lib.

O

2) puoi sovrascrivere il valore della variabile di navigazione in temi personalizzati _theme.less,

puoi trovare il nome della variabile in lib\web\css\source\lib\variables

_navigation.less

Oltre alle risposte di Khoa TruongDinh e Dipesh Rangani, il percorso prioritario di Khoa TruongDinh è ok ma per evitare che il magento prevalga sui tuoi stili personalizzati, i tuoi stili personalizzati devono essere aggiunti dopo .lib-main-navigation (); e .lib-main-navigation-desktop (); come ha detto Dipesh Rangani, quindi nel _navigation del tema personalizzato; meno file avrai:

.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
}

Questo è stato estremamente utile, stavo copiando il file lib e la modifica all'interno della classe .lib-main-navigation-desktop () che veniva sovrascritta, ora se carico prima questo mixin e metto i miei stili dopo averli sovrascritti