Артём Ведищев

Через админку:
Вариант 1.
Менеджер меню - Редактирование пункта меню - Вкладка "Параметры материала".
Вариант 2.
Менеджер материалов - Изменить материал - Вкладка "Отображение".
И в 1 и во 2 случае переключить в положение "скрыть."

Вариант 1 от Boris Korobkov Boris Korobkov:
https://jsfiddle.net/Lhtu3t5n/

Если не задавал размер фото при вставке в материал то смотри css. ИМХО.

Я бы сделал так:
https://jsfiddle.net/jjq4f9jj/1/

Инструкция по подключению и настройке здесь:
https://html5book.ru/shrift-awesome/

Вот мой вариант, без JS:
https://jsfiddle.net/jwvfn5jg/

Можно открыть пункт меню (на который нужно сослаться) в менеджере меню и взять ссылку оттуда.

Мой вариант (оформлением не занимался, только идея):
https://jsfiddle.net/8rtyjdqr/1/

Создаешь обычное меню в админке через менеджер меню. Добавляешь подпункты.
В css файле шаблона пишешь стили.
Можно как-то так:
https://jsfiddle.net/o6xh79Lt/
Подробнее о вариантах читай здесь:
https://html5book.ru/vypadayushee-menu/

Может быть так:
https://jsfiddle.net/ypsja0rr/
При наведении выскакивает слева.
Украшением не занимался, только общая идея.

Как обрезать не знаю, но можно так:
https://fiddle.jshell.net/pwLm33hw/1/
Или рамку отдельной картинкой вторым слоем накладывать.

Вот мой вариант, без flex.
https://jsfiddle.net/zp9x8ahj/4/

Как один из вариантов, без flex:
https://codepen.io/anon/pen/qmgWWQ/
Прошу не судить строго, только учусь.
Переделал исходный код от Hyubert Hyubert.
Но мне больше нравиться идея изменить структуру кода на 3 колонки.

Были подобные глюки при обновлении с 2.5.6 на 3. Решилось путем отключения всех плагинов и перезаливкой дистрибутива с офф сайта.