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의 무시 경로는 괜찮지 만 마 젠토가 사용자 정의 스타일, 사용자 정의 스타일을 무시하지 못하도록하려면 .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 () 클래스 내에서 편집하는 중이 었습니다.이 믹스 인을 먼저로드하고 스타일을 덮어 쓴 후 스타일을 넣으면