Как при уменьшении блока менять кнопку на другую HTML?

Question

[Speakea1y1289]

На моём сайте 185.231.245.223 есть блок Left Sidebar Menu, в котором содержится кнопка "Войти":

Если начать уменьшать страницу, то Left Sidebar Menu скроется и останутся только иконки в "ли-шках" (< li >), кнопка при этом размера своего не изменит:

Тогда я решил, что нужно менять полностью кнопку на другую. Вот код кнопки, которая должна быть в уменьшенном Left Sidebar Menu:

<button class="btn btn-primary btn-icon-anim btn-circle"><i class="icon-like"></i></button>

Тогда визуально кнопка при уменьшенном Sidebar должна выглядеть так:

Как это можно сделать?

Comments

[AbcEnt03]

создаешь две, мелкую кнопку display: none;
а дальше медиа запросом большую display: none; , а мелкую display: block;