Вопрос по шаблону

InstantCMS 2.X
#1 2 января 2020 в 14:21
Здравствуйте, где можно поменять параметры, что бы можно было вставлять в логотип не png, a gif
Как можно растянуть верхнюю шапку сайта на весь экран
#2 2 января 2020 в 14:34
#3 2 января 2020 в 15:56


Как можно растянуть верхнюю шапку сайта на весь экран

@alexandr22






Добавьте в свой файл стилей или же в конец файла templates/default/css/theme-layout.css

  1.  
  2. /* Шапка на всю ширину ======================================================== */
  3.  
  4. #layout header {
  5. box-sizing:border-box;
  6. position: absolute;
  7. top: 0;
  8. left: 0;
  9. right: 0;
  10. background-size: 100% auto;
  11. display: flex;
  12. align-items: center;
  13. justify-content: space-around;
  14. }
  15. header .menu{ padding-top:0 !important; }
  16. #layout{padding-top:60px;}
  17. #layout header #widget_pos_header{ flex-grow: 1;}
  18.  


или так



  1.  
  2. /* Шапка фиксированная, на всю ширину ======================================================== */
  3.  
  4. #layout header {
  5. box-sizing:border-box;
  6. position: fixed;
  7. z-index:3;
  8. top: 0;
  9. left: 0;
  10. right: 0;
  11. background-size: 100% auto;
  12. display: flex;
  13. align-items: center;
  14. justify-content: space-around;
  15. }
  16. header .menu{ padding-top:0 !important; }
  17. #layout{padding-top:60px;}
  18. #layout header #widget_pos_header{ flex-grow: 1;}
  19.  
#4 2 января 2020 в 16:44
Благодарю, получилось
с логотипом разобрался
#5 3 марта 2020 в 02:04
но почему то в мобильной версии криво отображается
#6 11 марта 2020 в 13:37
GoodMade, Сделал как написанно
  1.  
  2. Код PHP:
  3.  
  4. /* Шапка фиксированная, на всю ширину ======================================================== */
  5.  
  6. #layout header {
  7. box-sizing:border-box;
  8. position: fixed;
  9. z-index:3;
  10. top: 0;
  11. left: 0;
  12. right: 0;
  13. background-size: 100% auto;
  14. display: flex;
  15. align-items: center;
  16. justify-content: space-around;
  17. }
  18. header .menu{ padding-top:0 !important; }
  19. #layout{padding-top:60px;}
  20. #layout header #widget_pos_header{ flex-grow: 1;}
  21.  
  22.  
Иллюстрация
можно как нибудь поправить )
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.