Иконка гамбургера для боковой панели не видна

[RHEE (SANG HYUN RHEE)]

Я только что настроил функцию боковой панели и обнаружил, что иконка «гамбургер» не видна, как на этом изображении:

Однако, когда я навожу курсор мыши на область, иконка каким-то образом появляется:

Как можно сделать так, чтобы иконка отображалась постоянно, даже когда курсор не находится над областью?

[Don]

Здравствуйте,

Похоже, что ваша переменная цвета --header_primary-low-mid (которая отвечает за кнопки заголовка по умолчанию) имеет тот же цвет, что и переменная цвета заголовка --header_primary (#fff). Именно поэтому иконка боковой панели не видна. Как я вижу на вашем сайте, для других иконок заголовка вы используете переменную цвета --tertiary. Вы также можете изменить цвет кнопки боковой панели. Или же вы можете изменить цвет --header_primary-low-mid, чтобы сделать его видимым.

Создайте новый компонент темы или добавьте это в существующий:

Рабочий стол > CSS

.header-sidebar-toggle {
  button {
    .d-icon {
      color: var(--tertiary);
    }
  }
}

[RHEE (SANG HYUN RHEE)]

Спасибо за быстрый ответ!
Но я всё ещё не могу найти ту переменную, о которой вы говорите:

Какую именно?

[Don]

Что ж, насколько я вижу, ни одно из этих решений не позволяет управлять цветом кнопок в заголовке. Это кастомная тема, где можно менять цвета. Похоже, это удалённая тема, поэтому, возможно, вы не сможете изменить переменную цвета, но вы можете проверить это на странице /admin/customize/colors (Администрирование → Настройка → Цвета). На этой странице выберите используемую цветовую палитру и найдите переменную header_primary-low-mid. Если изменить её не удаётся, вам нужно связаться с создателем темы.

ИЛИ

Вы можете попробовать добавить новый компонент темы, который изменит цвет кнопок боковой панели.

1. Перейдите на /admin/customize/themes/
   Настройка → Темы
2. Нажмите на вкладку Компоненты, а затем на кнопку Установить.
3. В появившемся окне нажмите на вкладку + Создать новый и введите имя нового компонента.

4. Нажмите кнопку Создать.
5. Компонент создан. Теперь выберите, для какой темы (тем) вы хотите его активировать.
   
   
6. Нажмите кнопку Изменить CSS/HTML.
   
   
7. Перейдите на вкладку Рабочий стол и вставьте код ниже в раздел CSS.

.header-sidebar-toggle {
  button {
    .d-icon {
      color: var(--tertiary);
    }
  }
}

8. Нажмите кнопку Сохранить. Готово

[RHEE (SANG HYUN RHEE)]

Здорово, спасибо за помощь. Это идеально решило мою проблему =]