Найти на сайте
  2. Форумы
  3. МАСТЕРСКАЯ
  4. HTML / CSS / PHP / JS / RegExp
  5. Отображение на мобильной версии

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

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

Иллюстрация Иллюстрация
Можно решить эту проблему как нибудь, что бы наверху вход и регистрация отображались ?
Может как то логотип уменьшить он у меня будет в два раза меньше
Устанавливаю чистый движок, это так задумано? )
0
#2 23 июня 2018 в 08:12
Сам научился, оказывается не чего сложного smile
0
#3 23 июня 2018 в 08:55
А как можно сделать что бы для этого блока прописывались свои стили, хочу цвет заменить на читаемый, но что бы в меню он не менялся
Иллюстрация
Иллюстрация
А то меняю цвет входа и регистрации и меняется там автоматически цвет на не читаемый, а на сером фоне хорошо смотрится
0
Сегодня в 10:29
Как отключить рекламу?
#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.  
0
#5 25 июня 2018 в 16:06

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

@alexandr22
что бы не молчали как партизаны, нужно научится описвать задачу ясно, а не набор слов.
0
#6 25 июня 2018 в 16:31
Извиняюсь только учусь smile
0
#7 25 июня 2018 в 17:27
А где можно удалить слово Уведомление и вместо скобок что бы перед числом был +
Самое легкое нашел где колокольчик лежит )
Иллюстрация
0
#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.  
Dezerit Templates - верстка, шаблоны, дополнения для InstantCMS
0
#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.  
0
#10 26 июня 2018 в 13:08

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

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

Иллюстрация Иллюстрация
0
#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.  
Dezerit Templates - верстка, шаблоны, дополнения для InstantCMS
0
#13 26 июня 2018 в 15:52
Спасибо, получилось )
0
#14 27 июня 2018 в 07:24
А можно как нибудь прижать меню пользователя с аватаром и логотипом и главное меню к верху
Иллюстрация
Что бы всегда прикрепленное оно было в верху
0
#15 27 июня 2018 в 08:04
Подчеркивание хотел еще удалить в правилах сайта, так и не разобрался
Иллюстрация
нашел в нете, что за это отвечает
  1.  text-decoration: none; /* Убирает подчеркивание для ссылок */
в css нет такого, посмотрел по файрбагу где это, так и не нашел где это менять, если конечно правильно посмотрел
Иллюстрация
0
Калькулятор который берет данн
Вывод иконки в шапке для не ат
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Похожие темы

отличие мобильного меню в версии 2.13 от обновления

Компоненты Создана 4 года назад 3 сообщения

Отображение рекламы на мобильном

Релизы 1.X Создана 4 года назад 3 сообщения

Окно личных сообщений в мобильной версии

Релизы 2.X Создана 4 года назад 14 сообщений

Правка стилей мобильного меню в default теме

Шаблоны, графика, стили Создана 4 года назад 8 сообщений

Ошибка при обновлении Биллинга

Биллинг Создана 4 года назад 18 сообщений

[ЕСТЬ РЕШЕНИЕ] Шрифт в мобильной теме

Дизайн / Графика / Искусство Создана 4 года назад 5 сообщений

Нет возможности закрыть "Сообщения" в мобильной версии

Разработка дополнений Создана 3 года назад 5 сообщений

[ЗАКРЫТО] Фон на сайте в мобильной версии

Вопросы настройки InstantCMS Создана 1 год назад 13 сообщений

Похожее в блогах

Старт продаж, Мобильное приложение для InstantCMS 2*

Приветствую, Компонент в каталоге обновлен до версии 1.1.3.
Мобильное приложение SmartApp
Приветствую всех. Пришло время выложить подробное описание Мобильного приложения для Android и IOS и варианты приобретения со всеми цифрами.
Мобильное приложение для InstantCMS 2*. Часть первая.
День добрый. Приглашаю поучаствовать в процессе - нужны проекты с разнообразным контентом.
Генератор QR-кодов
Приветствую, Это вспомогательный компонент, который можно использовать для вывода QR-кодов на сайте.

InstantCMS Team

Связь с нами
Email dev@instantcms.ru

Делаем полезные Интернет проекты с 2008 года 💫

О проекте

Поддержка

Дополнения

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