Magento 2 vendor / magento / magento2-base / lib / web / css / source / lib / _navigation.lessをオーバーライドする方法

カスタムテーマのvendor / magento / magento2-base / lib / web / css / source / lib / _navigation.lessファイルを上書きするにはどうすればよいですか？

あなたは試すことができます

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

続きを読む：gallery.cssをオーバーライドする方法

1）_navigation.less親テーマからapp\design\frontend\vendor\theme\web\css\source（カスタムテーマ） にコピーして、CSSをオーバーライドし.lib-main-navigation();、.lib-main-navigation-desktop();このlibナビゲーションスタイルをオーバーライドする必要があります。

または

2） カスタムテーマのナビゲーション変数の値を上書きできます _theme.less。

あなたはで変数名を見つけることができます lib\web\css\source\lib\variables

_navigation.less

Khoa TruongDinhとDipesh Ranganiの回答に加えて、Khoa TruongDinhのオーバーライドパスは問題ありませんが、magentoがカスタムスタイルをオーバーライドしないようにするには、カスタムスタイルを.lib-main-navigation（）;の後に追加する必要があります。および.lib-main-navigation-desktop（）; Dipesh Ranganiが言及したように、カスタムテーマの_navigation; lessファイルには次のものが含まれます。

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

これは非常に役に立ちました。私はlibファイルをコピーして、上書きされていた.lib-main-navigation-desktop（）クラス内で編集していました。このミックスインを最初にロードして、スタイルを上書きした後、