Правая колонка при просмотре с телефона

 
Посетитель
small user social cms
Сообщений: 49
Почему не отображается правая колонка при просмотре с телефона или планшета?
Посетитель
small user social cms
Медаль
Сообщений: 352
ksamochkin:

Почему не отображается правая колонка при просмотре с телефона или планшета?

Потому что таков дефолтовый шаблон. Стили прописаны так, чтобы при определенной ширине она скрывалась. Ищите на форуме, как сделать так, чтобы она перемещалась вниз, или появлялась компактная кнопка для выдвижной правой колонки. В общем стили шаблона вам нужно менять.
Редактировалось: 1 раз (Последний: 13 июня 2015 в 08:43)
Реклама
cms
Посетитель
small user social cms
Сообщений: 49
Romanovcmc:
Ищите на форуме, как сделать так, чтобы она перемещалась вниз, или появлялась компактная кнопка для выдвижной правой колонки.
носом не ткнете, а то я искал не нашел...
Посетитель
small user social cms
Медаль
Сообщений: 352
ksamochkin:

Romanovcmc:
Ищите на форуме, как сделать так, чтобы она перемещалась вниз, или появлялась компактная кнопка для выдвижной правой колонки.
носом не ткнете, а то я искал не нашел...
ткну, править в файле \templates\default\css\theme-layout.css 541 строчка
Код CSS:
  1. @media screen and (max-width: 980px) {
  2. #body section { width:100% !important; }
  3. #body aside { display:none; }
  4. }
  5.  
  6. @media screen and (max-width: 800px) {
  7. #body section { width:100% !important; }
  8. #body aside { display:none; }
  9. nav { padding:5px; height:auto; }
  10. nav .menu { display:none; }
  11. nav select { display: block; }
  12. #layout footer #info { display: none !important; }
  13. }
  14.  
  15. @media screen and (max-width: 640px) {
  16. #layout header #logo { margin: 0 auto; overflow:hidden; width:200px; }
  17. #layout header .menu { display:none; }
  18. .tabs-menu ul { display:none; }
  19. .tabs-menu select { display:block !important; }
  20. .widget > .title { font-size:14px !important; }
  21. .widget > .title .links { display:none; }
  22. .content_item .ft_image { float:none !important; }
  23. }
  24.  
  25. @media screen and (max-width: 480px) {
  26. #layout footer #nav { display: none !important; }
  27. }
правая колонка называется aside.

А по поводу на форуме где почитать, не буду искать, можете у меня на стене поискать, я вроде сохранял, но там потыкать нужно, я интересные для себя ссылки там храню.
Редактировалось: 1 раз (Последний: 13 июня 2015 в 10:59)
Посетитель
small user social cms
МедальПочетный донор проектаКубок зрительских симпатийАвторитет форумаПочетный донор проекта
Сообщений: 3298
Может пригодится:
1
2
Украинский для инстант
Посетитель
small user social cms
Медаль
Сообщений: 352
Олег Васильевич я:

Может пригодится:
1
2

Во, по первой ссылке я себе и делал.
Посетитель
small user social cms
Сообщений: 49
всем спасибо
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: