D.iK.iJ

D.iK.iJ
Рейтинг
239
Регистрация
26.05.2013
Должность
Человек-оркестр
Интересы
Занимаюсь адаптивной версткой сайтов, а в свободное время делаю симпатичные кулоны с опалами.
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
enerjze:
И не могу понять почему

Так как кнопка висит в отдельном слое с абсолютным позиционированием. Ей вообще все равно на другие элементы.

Только добавлять меню что-то вроде

padding-right: 100px;
box-sizing: border-box; //Ширина отступа не будет добавляться к ширине блока



---------- Добавлено 16.11.2018 в 17:29 ----------

А вот куда добавлять стили - удобно посмотреть по F12 через инспектор стилей.

Например, можно взять .ftco-navbar-light

SeVlad:
Ну я как бэ в курсе теорий ;), но вот что так и.. не понял, что ли (ну потому что не сильно и вникал) - на реальных девайсах влезал, а у гугла на скрине - обрезанный. Те гугл не так уж и чётко эмулирует девайсы.

У Гугла браузер - как IE 11 или десктопный Сафари (под Винду который - старый). Там сам браузер с кучей заморочек. И довольно строг к ошибкам в коде. Еще и глючит часто :)

---------- Добавлено 16.11.2018 в 17:40 ----------

SeVlad:
Ксати, да - в хроме влезало, а в ФФ - горизонтальный скорлл.

Надо ловить по старым браузерам - какой элемент вылезает.

Ну или прописать что-то вроде

body * {
border: 1px solid red;
}

и смотреть.

Я понимаю, что вы не очень разбираетесь в PHP, но скрипт должен быть защищен.

Для примера, приведу свой вариант - проверка реферрера и проверка - послал ли пользователь нужный текст.

<?
// Защита от ботов - без реферрера сайта
if (substr_count(strtolower(getenv("HTTP_REFERER")), getenv("HTTP_HOST"))!==1) {header("HTTP/1.0 301 Moved Permanently"); header("Location:/");die;}

// Защита, если не заполнено поле с именем text (имя взял ДЛЯ ПРИМЕРА!)
if (!isset($_POST["text"]) or !empty($_POST["text"])) {header("HTTP/1.0 301 Moved Permanently"); header("Location:/");die;}
?><html>
<head>
<meta name=“robots” content=“noindex, nofollow”>
</head>
<body>
тут код исполняющий php
</body>
</html>

Если нет - идет переадресация на главную. "Location:/". Но можно и 404 отдавать. Просто так - никто не зайдет.

В общем, если нужно, помогу настроить все. У меня тоже большая часть сайтов - HTML :)

Ну, если привязываться именно к scrolled, то как-то так:

.ftco-navbar-light.scrolled .container-fluid .info .main {
display: none;
}
.ftco-navbar-light.scrolled .container-fluid .info {
padding: 15px;
}

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

@media screen and (max-width: 991px) {
.ftco-navbar-light.scrolled .container-fluid .info {
top: 1px; padding: 0px; right: 70px;
}

.ftco-navbar-light.scrolled .container-fluid .info .btn {
padding: 10px !important;
}
}



---------- Добавлено 16.11.2018 в 16:55 ----------

Еще при ширине экрана 991 (стили выше) Хорошо бы весь блок .ftco-navbar-light .info { сдвинуть немного ниже от шапки.

D.Sokolov:
Я вот при всех идолопоклоннических разговорах про каспера никак понять не могу одного... как весь мир то без него живёт 0_о
Мучаются поди бедненькие и подсказать некому)

Линуксоиды - вообще страдают! А уж как рыдают на iOS... но ничего. Для них тоже уже версию выпустили.

SeVlad:
Гугл и др сервисы как-то.. странно что ли работают с viewport. Точнее с его отсутствием.
Недавно показывали сайт без моб версии, без viewport. Так вот на реальных девайсах он полностью влезал. а в сервисах был обрезан или появлялся гориз. скролл. Я бегло глянул на это дело, но сильно не разбирался что там да как.

Сервисы - обычно просто фрейм. Сайт не влез, появилась горизонтальная прокрутка (как если просто уменьшить окно браузера).

А мобильный браузер (как и у Гугла) обычно пытается уместить сайт по ширине. Только при отсутствии viewport он ставится сам - на 900 - 1024px примерно (зависит от устройства).

По F12 можно в Хроме посмотреть - как это работает. Но тоже может глючить иногда.

trewes:
Чистил кэш, не помогло. Что это еще может быть?

Ну, то, что Гугл видит криво - это стили закрыты в robots.txt. Но с мета-тегом это не должно быть связано. Никак.

postavkin:
Не может...

Ну все! Уйду в запой от радости, что поправили. Не прошло и года ))

Тег-то есть. Я бы попробовал очистить кеш и перепроверить для точности.

А вот Гугл и правда видит сайт немного не так: https://search.google.com/test/mobile-friendly?utm_source=mft&utm_medium=redirect&utm_campaign=mft-redirect&id=pCTPEy7OMT_nRLbNuCLXxg

qilly:
У кого-нибудь есть сайты с зелеными значениями? У меня только показатель SEO по всем сайтам зеленый ))

Хрень какая-то. Страничка на голом HTML без стилей и скриптов (только счетчик и форма ВК):

https://web.dev/measure

62 - 50 - 86 - 100

First Contentful Paint - 0.6 s

First Meaningful Paint - 0.7 s

Speed Index - 4.0 s

First CPU Idle - 5.9 s

Time to Interactive - 11.5 s

Estimated Input Latency - 260 ms

А по пейджспид 67%

Всего: 2932