Социальные кнопки html не видны с мобильных устройств

Подскажите пожалуйста, как сделать так что бы социальные кнопки html были видны и с мобильных устройств.

Они у меня стоят в html блоке, в хедере и  над футером.

С Пк версии, все хорошо отображается. Но с телефона их попросту нету.

Код кнопок, я взял не демо сайте IstantCMS

<div class="py-2 d-none d-sm-block">
    <a class="text-light" href="#">{brands%facebook}</a>
    <a class="text-light ml-2" href="#">{brands%github}</a>
    <a class="text-light ml-2" href="#">{brands%instagram}</a>
    <a class="text-light ml-2" href="#">{brands%odnoklassniki}</a>
    <a class="text-light ml-2" href="#">{brands%vk}</a>
    <a class="text-light ml-2" href="#">{brands%telegram}</a>
    <span class="ml-3">{solid%envelope} dev@instantcms.ru</span>
</div>

Я не знаю разметку, и как формируется, но вот это: d-none что значит? Случаем не отключает это на мобильном этот блог, делает его невидимым.

Посмотрел. bootstrap-4.ru/docs/4.0/utilities/display/
Вам просто надо с «py-2 d-none d-sm-block» что-то сделать. Ознакомиться с ними. Узнать, как формируется и т.д.

<div class=«py-2 d-none d-sm-block»>

py-2  — внешний вертикальный отступ (сверху и снизу)

d-none — не видимый

d-sm-block — видимый, начиная с минимального разрешения 576px (если не  изменяли брейкоинты)

-----------------------------------------------------------

Оставьте нужные селекторы

Посмотрел. bootstrap-4.ru/docs/4.0/utilities/display/
Вам просто надо с «py-2 d-none d-sm-block» что-то сделать. Ознакомиться с ними. Узнать, как формируется и т.д.

Да. Ознакомился. Заменил <div class=«py-2 d-none d-sm-block»> на <div class=«py-2 d-block»>  Элемент виден на всех размерах экрана .d-block

Благодарю за помощь.