theme_location == 'main-menu') { // Создаем HTML для иконки дома $home_icon = '

'; $home_icon .= ''; $home_icon .= ''; $home_icon .= ''; $home_icon .= '

'; // Добавляем иконку в начало меню $items = $home_icon . $items; } return $items; } add_filter('wp_nav_menu_items', 'add_home_icon_to_menu', 10, 2); // ============ КОНЕЦ ДОБАВЛЕНИЯ ============ ?> Институт правотворчества и правового прогнозирования Институт правотворчества и правового прогнозирования iz.ssla.ru .main-menu__item.menu-item-home-icon .main-menu__link { padding: 10px 15px; display: flex; align-items: center; justify-content: center; min-width: 50px; } .main-menu__item.menu-item-home-icon .fa-home { font-size: 1.2em; color: #333; transition: color 0.3s ease; } .main-menu__item.menu-item-home-icon .main-menu__link:hover .fa-home { color: #007bff; } max-width: 991px { .main-menu__item.menu-item-home-icon .main-menu__link { padding: 12px 20px; justify-content: flex-start; } .main-menu__item.menu-item-home-icon .fa-home { margin-right: 10px; } } .header-top__container { display: flex; justify-content: space-between; align-items: center; width: 100%; } .header-top__left { display: flex; align-items: center; gap: 20px; } .header-top__right { display: flex; align-items: center; gap: 30px; } .header-home-icon__link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #f5f5f5; border-radius: 50%; color: #333; text-decoration: none; transition: all 0.3s ease; border: 1px solid #e0e0e0; } .header-home-icon__link:hover { background: #007bff; color: white; transform: scale(1.05); border-color: #007bff; } .header-home-icon__link .fa-home { font-size: 1.2em; } .header-top__contacts { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; } .header-top__contacts-item { color: #333; text-decoration: none; font-weight: 500; transition: color 0.3s ease; white-space: nowrap; } .header-top__contacts-item:hover { color: #007bff; } max-width: 992px { .header-top__right { gap: 20px; } } max-width: 768px { .header-top__container { flex-wrap: wrap; } .header-top__left, .header-top__right { width: 100%; justify-content: space-between; } .header-top__left { margin-bottom: 15px; } .header-home-icon__link { width: 36px; height: 36px; } }