Как настроить стиль для user_or_signin?

Avatar
  • обновлен
  • Отвечен

После кастомизации хидера, возникли некоторые сложности с отображением ссылки на регистрацию.

А именно - при определенной ширине окна пропадает текст "Sign in / Sign up". При чем, пропадает только текст (иконка на месте), и только для незарегистрированных посетителей (когда залогинен, видна и аватарка и имя пользователя).


Шаблон navigation содержит такой код:

    <nav class="js-navbar-scroll navbar navbar-expand navbar-dark flex-column flex-md-row td-navbar">
      <a class="navbar-brand" href="https://communitypowerea.com/">
          <span class="navbar-logo">
              <img height="64" src="https://communitypowerea.com/assets/img/logo_square_1.png" width="64">
          </span>
          <span class="text-capitalize">CommunityPower EA</span>
      </a>

      <div class="ml-md-auto" id="main_navbar">
        <div class="d-lg-block">
          <ul class="navbar-nav ml-auto ue-navbar-right-options">
            {% language_selector %}
            {% user_or_signin avatar_size=32 %}
          </ul>
        </div>
      </div>
    </nav>

Вот как это выглядит:

Screen Recording 2024-03-23 at 17.03.50.mov


В залогиненом состоянии:

Screen Recording 2024-03-23 at 17.08.39.mov

Подскажите, как подрихтовать стиль для user_or_signin, чтобы надпись не исчезала?

Как Вы оцениваете обслуживание, которое получили?

Оценка удовлетворенности от Andrey Khatimlianskyi 6 месяцев назад

Проблема оперативно решена

Добавьте комментарий о качестве обслуживания (необязательно):

Avatar
Vladimir Mullagaliyev co-founder
  • Отвечен

Здравствуйте,

Надпись пропадает, потому что у нее стоит стиль "d-none", который ее скрывает при маленьком экране (Вы, кстати, зачем-то его еще продублировали в своем CSS). Чтобы она не скрывалась, попробуйте добавить вот такой CSS:

.navbar li.user-menu span.d-none.d-md-inline{
    display: inline !important;
}