Здравствуйте, где можно поменять параметры, что бы можно было вставлять в логотип не png, a gif
Как можно растянуть верхнюю шапку сайта на весь экран
InstantCMS 2.X
#1
2 января 2020 в 14:21
#2
2 января 2020 в 14:34
#3
2 января 2020 в 15:56
Как можно растянуть верхнюю шапку сайта на весь экран
Добавьте в свой файл стилей или же в конец файла templates/default/css/theme-layout.css
/* Шапка на всю ширину ======================================================== */ #layout header { box-sizing:border-box; position: absolute; top: 0; left: 0; right: 0; background-size: 100% auto; display: flex; align-items: center; justify-content: space-around; } #layout{padding-top:60px;} #layout header #widget_pos_header{ flex-grow: 1;}
или так
/* Шапка фиксированная, на всю ширину ======================================================== */ #layout header { box-sizing:border-box; position: fixed; z-index:3; top: 0; left: 0; right: 0; background-size: 100% auto; display: flex; align-items: center; justify-content: space-around; } #layout{padding-top:60px;} #layout header #widget_pos_header{ flex-grow: 1;}
Сегодня в 11:59
#4
2 января 2020 в 16:44
Благодарю, получилось
с логотипом разобрался
с логотипом разобрался
#5
3 марта 2020 в 02:04
но почему то в мобильной версии криво отображается
#6
11 марта 2020 в 13:37
GoodMade, Сделал как написанно
можно как нибудь поправить )
Код PHP: /* Шапка фиксированная, на всю ширину ======================================================== */ #layout header { box-sizing:border-box; position: fixed; z-index:3; top: 0; left: 0; right: 0; background-size: 100% auto; display: flex; align-items: center; justify-content: space-around; } #layout{padding-top:60px;} #layout header #widget_pos_header{ flex-grow: 1;}
можно как нибудь поправить )