Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz Вебмастеру Общие вопросы от вебмастеров Шапка уходит за пределы экрана |
| Шапка уходит за пределы экрана |
|
Если в Мобильной версии скролить вниз и Открыть МЕНЮ то пропадает ШАПКА
Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D Сообщение отредактировал Energyy - Понедельник, 03 Апр 2017, 16:34:50
|
|
Цитата Energyy (  ) Если в Мобильной версии сайта скролить вниз и Открыть МЕНЮ то пропадает ШАПКА Как вариант, вынести блок <header> за пределы блока <main>. Сделать типа типа: Код <header id="header"> ... </header> <main id="panel" class="panel"> ... Но тогда он станет общим и для меню и для страницы - то бишь, пропадет поиск из бокового меню, так как header его перекроет. Но, если по клику применять ему трансформацию, что и боковой колонке, то это можно компенсировать.. Типа: Код #header{ -webkit-transition: transform .2s linear; -moz-transition: transform .2s linear; -o-transition: transform .2s linear; transition: transform .2s linear; } .slideout-open #header{ -webkit-transform: translateX(256px); -moz-transform: translateX(256px); -o-transform: translateX(256px); transform: translateX(256px); } Но дело в том, что класс slideout-open удаляется после полного закрытия колонки, по этому, скорее всего, будут .. нестыковки анимации - между скоростью закрытия бокового меню и колонки..  Сообщение отредактировал Likbezz_Flesh - Понедельник, 03 Апр 2017, 09:10:20
|
|
Цитата Likbezz_Flesh ( ) Как вариант, вынести блок <header> за пределы блока <main>.Сделать типа типа: <header id="header">...</header><main id="panel" class="panel">... Но тогда он станет общим и для меню и для страницы - то бишь, пропадет поиск из бокового меню, так как header его перекроет. На данный момент, это единственное здравое решение. Спасибо Я остановился пока на этом варианте Но буду искать варианты, что бы можно было вернуть поиск Добавлено (03 Апр 2017, 10:55:39) Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D |
|
Цитата Energyy ( ) но поиск нужен всё равно Решение выше - стили, сдвигающие верхнее меню. |
|
Доброй ночи, не поможете решить мою проблему, шапка на моем сайте http://truckmods.ucoz.net/ уходит за пределы экрана.
|
|
haytham, у вас изображение больше экрана.
замените: Код <img src="/IMG/promo30.jpg"> на: Код <img src="/IMG/promo30.jpg" style="width: 100%"> |
| |||
| |||