Отображение на мобильной версии

InstantCMS 2.X
#1 23 июня 2018 в 05:53
Здравствуйте, открываю сайт с телефона
И вот такая картина вход и регистрация в низ съезжает, а когда входишь все нормально. Не красиво совсем

Иллюстрация Иллюстрация
Можно решить эту проблему как нибудь, что бы наверху вход и регистрация отображались ?
Может как то логотип уменьшить он у меня будет в два раза меньше
Устанавливаю чистый движок, это так задумано? )
#2 23 июня 2018 в 08:12
Сам научился, оказывается не чего сложного smile
#3 23 июня 2018 в 08:55
А как можно сделать что бы для этого блока прописывались свои стили, хочу цвет заменить на читаемый, но что бы в меню он не менялся
Иллюстрация
Иллюстрация
А то меняю цвет входа и регистрации и меняется там автоматически цвет на не читаемый, а на сером фоне хорошо смотрится
#4 25 июня 2018 в 12:13
Для новичка как я это сложно, а для тех кто знает, всего две строчки написать, а то молчат все как партизаны ))
Решение, может пригодиться новичкам
Добавить в theme-layout.css
  1.  
  2. #widget_pos_header .menu > li.key a{color:red}
  3. #widget_pos_header .menu > li.user_add a{color:red}
  4.  
#5 25 июня 2018 в 16:06

а то молчат все как партизаны

@alexandr22
что бы не молчали как партизаны, нужно научится описвать задачу ясно, а не набор слов.
#6 25 июня 2018 в 16:31
Извиняюсь только учусь smile
#7 25 июня 2018 в 17:27
А где можно удалить слово Уведомление и вместо скобок что бы перед числом был +
Самое легкое нашел где колокольчик лежит )
Иллюстрация
#8 25 июня 2018 в 19:54
1. Меняем название пункта меню "Уведомления" на "+" в Админка->Меню->меню Уведомления
2. Удаляем колокол в
/templates/default/css/theme-gui.css
для .icon-bell, .menu .bell .item
меняем правила на
  1.  
  2. background-image:none;
  3. padding-left:5px
  4.  
3. Далее убираем скобки в /templates/default/css/theme-layout.css удаляем код
  1.  
  2. header .menu > li > a span.wrap > span.counter:before {
  3. content: '(';
  4. }
  5. header .menu > li > a span.wrap > span.counter:after {
  6. content: ')';
  7. }
  8.  
#9 26 июня 2018 в 03:17
Спасибо большое smile
А можно прописать что нибудь, что бы при смене цвета "Уведомления ", что бы цвет не становился у меню пользователя такой же.
Типо как мне советовали для входа и регистрации
  1.  
  2. #widget_pos_header .menu > li.key a{color:red}
  3. #widget_pos_header .menu > li.user_add a{color:red}
  4.  
#10 26 июня 2018 в 13:08

А можно прописать что нибудь, что бы при смене цвета "Уведомления ", что бы цвет не становился у меню пользователя такой же.

  1. widget_pos_header .menu > li.bell a{color:red}
  2.  
#11 26 июня 2018 в 13:14
Помогите пожалуйста как сделать что бы в мобильной версий в нижем футуре ( надеюсь правильно выразился ), что бы отображалось
"О проекте" и " Правила сайта", а то в мобильной версии пропадает

Иллюстрация Иллюстрация
#12 26 июня 2018 в 15:18
/templates/default/css/theme-layout.css
после @media screen and (max-width: 480px) {
удаляем
  1. #layout footer #nav { display: none !important; }
Вместо этого пишем
  1. #layout footer{
  2. padding:15px;
  3. height:auto;
  4. }
  5. #layout footer ul li {
  6. height:30px;
  7. line-height:30px;
  8. }
  9. #layout footer #nav{
  10. float:none;
  11. }
  12.  
#13 26 июня 2018 в 15:52
Спасибо, получилось )
#14 27 июня 2018 в 07:24
А можно как нибудь прижать меню пользователя с аватаром и логотипом и главное меню к верху
Иллюстрация
Что бы всегда прикрепленное оно было в верху
#15 27 июня 2018 в 08:04
Подчеркивание хотел еще удалить в правилах сайта, так и не разобрался
Иллюстрация
нашел в нете, что за это отвечает
  1. text-decoration: none; /* Убирает подчеркивание для ссылок */
в css нет такого, посмотрел по файрбагу где это, так и не нашел где это менять, если конечно правильно посмотрел
Иллюстрация
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.