• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Шапка уходит за пределы экрана
Шапка уходит за пределы экрана
Energyy
Сообщений: 511
Репутация: 21

Сообщение # 1 | 00:50:44
Если в Мобильной версии скролить вниз и Открыть МЕНЮ то пропадает ШАПКА

Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D
Сообщение отредактировал Energyy - Понедельник, 03 Апр 2017, 16:34:50
Likbezz_Flesh
Сообщений: 282
Репутация: 47

Сообщение # 2 | 08:54:37
Цитата 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
Energyy
Сообщений: 511
Репутация: 21

Сообщение # 3 | 10:55:39
Цитата Likbezz_Flesh ()
Как вариант, вынести блок <header> за пределы блока <main>.Сделать типа типа:
<header id="header">...</header><main id="panel" class="panel">...
Но тогда он станет общим и для меню и для страницы - то бишь, пропадет поиск из бокового меню, так как header его перекроет.

На данный момент, это единственное здравое решение.
Спасибо
Я остановился пока на этом варианте

Но буду искать варианты, что бы можно было вернуть поиск

Добавлено (03 Апр 2017, 10:55:39)
---------------------------------------------
Хотя, так даже интереснее выглядит, но поиск нужен всё равно wacko


Мой сайт: https://aliprosto.com/
И я горжусь, тем что есть =D
Likbezz_Flesh
Сообщений: 282
Репутация: 47

Сообщение # 4 | 08:57:35
Цитата Energyy ()
но поиск нужен всё равно

Решение выше - стили, сдвигающие верхнее меню.

haytham
Сообщений: 19
Репутация: -1

Сообщение # 5 | 00:36:58
Доброй ночи, не поможете решить мою проблему, шапка на моем сайте http://truckmods.ucoz.net/ уходит за пределы экрана.
Drinko
Сообщений: 909
Репутация: 773

Сообщение # 6 | 04:56:08
haytham, у вас изображение больше экрана.

замените:
Код
<img src="/IMG/promo30.jpg">

на:
Код
<img src="/IMG/promo30.jpg" style="width: 100%">

Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Шапка уходит за пределы экрана
  • Страница 1 из 1
  • 1
Поиск: