Як я можу замінити файл 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
Читайте більше: Як перекрити галерею.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
Окрім відповідей Кхоа ТруонгДінь і Діпеш Рангані, переважаючий шлях Хоа Труонгдінь нормальний, але для того, щоб магенто не перекривало ваші користувацькі стилі, ваші власні стилі повинні бути додані після .lib-main-navigation (); та .lib-main-navigation-desktop (); як згадував Діпеш Рангані, то тоді в _навігації користувальницької теми вам буде надано менше файлу:
.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 (), який перезаписувався, тепер, якщо я завантажую цей міксин спочатку і ставлю свої стилі після того, як вони перезапишуться