Дима Долготер

ну только селектором. можно селектор вешать на таблицу через js или просто table:nth-child( )

пути подключения посмотри. или самих иконок или файла для их подклбчения

https://htmlacademy.ru/ cамый найс)

.menu li {
    list-style: none;
    padding: 15px;
    width: 100px;
    margin: 0 auto;
    float: left;
    text-align: center;
    line-height: 50px;
}

https://codepen.io/anon/pen/yZMZpZ

drilldown menu. в foundation по умолчанию есть такое

https://learn.javascript.ru/events-change#sobytie-input

$(document).on('mouseenter', '.catalog-auto__item', function(e){
        e.stopPropagation();
            $(this).siblings('.quick-view-wrapper').show();
            $(this).siblings('.quick-view-wrapper').stop(true);
});

$(document).on('mouseleave', '.catalog-auto__item', function(e){
        $(this).siblings('.quick-view-wrapper').hide();
         $(this).siblings('.quick-view-wrapper').stop(true);
});

вот так. но скрипт жопошный)

dolgoter.site

кликни на контакты. я там такое сделал

img map
https://www.image-maps.com/
jsfiddle.net/jsWdj

в файл .css вставь это

@media screen and (min-width: 1px) and (max-width: 768px) {
    

#rhlpscrtg{
display:none !important;
visiblity:hidden;
opacity:0 !important;
}

}

1) можно вставлять контент на js
2) можно на css делать видимость\невидимость делать

Покажи скрины может поможет

курс по вордпресс есть. пхп не надо знать. на ютубе курс дмитрий валак создание темы для вордпресс

эх, линейка.сколько часов было проведено) Попробуй картинку давать фоном на два дива. только в одном диве ровняй по левому краю, а во втором по правому

margin:5px;