Иконки вывести слева как на официальном сайте

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X
#1 22 января 2023 в 12:01

Всем привет! Ребята, подскажите пожалуйста как правильно вывести иконки с телеграмм, чтоб они были слева как на официальном сайте Инстанта?

#2 22 января 2023 в 14:05

Напишите мне ваш сайт в личку, помогу.

#3 22 января 2023 в 23:49

 skewes, зайдите на демо сайт, там есть виджет, стащите от туда код, переделаете немного и вставьте себе 

#4 23 января 2023 в 06:30

Jestik, посмотрел демо сайт, пока не могу там ничего найти, что поможет сделать слева иконки))) 

#5 23 января 2023 в 07:58

 skewes

  1. <div class="py-2 d-none d-sm-block">
  2. <a class="text-light" href="#">{brands%facebook}</a>
  3. <a class="text-light ml-2" href="#">{brands%github}</a>
  4. <a class="text-light ml-2" href="#">{brands%instagram}</a>
  5. <a class="text-light ml-2" href="#">{brands%odnoklassniki}</a>
  6. <a class="text-light ml-2" href="#">{brands%vk}</a>
  7. <a class="text-light ml-2" href="#">{brands%telegram}</a>
  8. </div>
#6 23 января 2023 в 21:54

Make, это понятно. Мне не понятно, как сделать эти иконки слева… Они в Хэдер -> Верхний ряд по умолчанию всегда выводятся справа. А мне надо слева, как на данном сайте)))

#7 24 января 2023 в 10:26

А мне надо слева, как на данном сайте)))

skewes

В этом деле не знаток, но смотря на код, за это отвечает

<div class=«container d-flex justify-content-between align-items-center flex-nowrap»>

Добавлено спустя 11 часов

надо слева, как на данном сайте)))

skewes

Нашёл ещё вариант, когда контейнер делится на два блока

<div class=«container d-flex justify-content-between flex-nowrap align-items-center»>
    <div class=" d-none d-sm-flex justify-content-start col-sm-6 col-md-6">
        <div>...........</div>
    </div>
    <div class=" d-none d-sm-flex justify-content-end col-sm-6 col-md-6">
        <div>...........</div>
    </div>
</div>

#8 24 января 2023 в 10:55

Make, это понятно. Мне не понятно, как сделать эти иконки слева… Они в Хэдер -> Верхний ряд по умолчанию всегда выводятся справа. А мне надо слева, как на данном сайте)))

skewes

Я думаю надо создать виджет html туда код закинуть и перенести этот виджет в нужную сторону Изображение

Изображение

#9 24 января 2023 в 13:05

 skewes

  1. <div class="py-2 d-none d-sm-block">
  2. <a class="text-light" href="#">{brands%facebook}</a>
  3. <a class="text-light ml-2" href="#">{brands%github}</a>
  4. <a class="text-light ml-2" href="#">{brands%instagram}</a>
  5. <a class="text-light ml-2" href="#">{brands%odnoklassniki}</a>
  6. <a class="text-light ml-2" href="#">{brands%vk}</a>
  7. <a class="text-light ml-2" href="#">{brands%telegram}</a>
  8. </div>
Make

Код работает, выводит иконки по левой стороне. Но у меня почему-то не выводится на мобильных, 

#10 24 января 2023 в 13:44

Но у меня почему-то не выводится на мобильных

Region67

Уберите класс d-none

#11 25 января 2023 в 12:04

Изображение

Не получается именно здесь  сделать, в верхнем ряду в хедере, выше логотипа.

 Nikolay, вам огромное спасибо и Алексею тоже)))

Но пока не могу разобраться… Не фиксирует по левой стороне… Справа да, показывает, слева не хочет...

#12 25 января 2023 в 16:56

выше логотипа

skewes

Наверно это будет самая лучшая подсказка. Заходите на демо сайт в качестве админа и смотрите как там сделано и делаете так же у себя.

#13 25 января 2023 в 20:37

 Nikolay, спасибо большое за подсказку! Не знал что туда зайти можно)))

Решил проблему!

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.