D.iK.iJ
Делай что должен. И будь оно... просто будь! 💬 Когда будет срублено последнее дерево, когда будет отравлена последняя река, когда будет поймана последняя птица, – только тогда вы поймете, что деньги нельзя есть. 💬 Лучший момент, чтобы посадить дерево, был 20 лет назад. Второй лучший момент - сейчас.
Например, мало страниц у сайта.
Или поведенческие не очень.
Или контент малополезный )))
Логично, что вылазит белый фон. если контент уже закончился.
Посмотрите в /bio/assets/css/main.css - 3048 строка
body.homepage #header стоит значение min-height: 0
Можно попробовать поставить, например,
min-height: 50vh;
Как вариант, добавить еще min-height: 50vh; и для #footer в 3089 строке. Но я особо не тестировал.
А вообще, обычно привязывают футер к низу страницы каким-нибудь из способов. Вот первый же вариант в Гугле: http://dimox.name/press_footer_bottom_with_css/
В /_st/my.css - 283 строка.
Стоит aside и там display: table-footer-group!important;
Если сделать display: block;
а в 284 строке
#content вместо display: table-header-group!important;
тоже display: block;
Меню будет сверху. Да. Смотреть удобно по F12 через инспектор стилей в Хроме.
я правильно понимаю, что стучаться во вконтакт и просить их сделать lightweight скрипт со сжатием и асинхронной загрузкой бесполезно?
Скорее всего.
Ну, асинхронно скрипт и так не трудно грузить.
<script type="text/javascript">
function start(){
VK.init({apiId: 366666, onlyWidgets: true});
VK.Widgets.Comments("vk_comments", {limit: 5, width: "650", attach: "*", autoPublish: "1"});
}
</script>
<script async onload="start();" type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
Блин. С одной стороны, текст с картинками напоминает мне Алиэкспресс... с другой - голый текст - тоже не интересно. Как-то совместить бы. :)
1) Поставить нормальный мета-тег. У вас там много чего стоит. А нужен всего один
2) Куча битых файлов в консоли по F12 показывает. И по страницам тоже что-то странное.
3) Адаптив я обычно начинаю с таких вот стилей. У вас практически на них все и закончится.
img {max-width: 100% !important; height: auto !important; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100% !important; box-sizing: border-box;}
table, span, div, ins {max-width: 100% !important;}
}
4) Если что-то из стилей закрыто в robots.txt от индексации Гуглом - открыть.
5) Проверить кеширование статики и сжатие.
но ничего не получилось, да и не силен я в js
Это же Жиквери. Там можно обратиться к классу, а не к ID. Все это же самое, только попробуйте что-то вроде $('.royalSlider')
А мобильную адаптацию делать по медиа запросам, правильно? (Media Queries)
Вполне правильно. Ну, просто остальные варианты как-то затратнее обычно. Ведь медиа запросы - это же просто стили в зависимости от ширины экрана.
Можно еще сделать отдельный мобильный шаблон. Легкий и со своими скриптами и стилями. Нужно только правильно определять все устройства.
Можно вообще сделать свое приложение.
Можно выбрать какой-то готовый адаптивный шаблон для своего движка.
Ну, мобильную версию на поддомене не предлагаю - устарело уже.
А вот 3-4 точки, если честно, не очень хорошая идея. Устройств разных много. И как-то симпатичнее, если сайт "тянется" под все размеры экрана.
Обязательно, обязательно! :)
Попробовал отдавать скрипт комментариев ВК асинхронно по загрузке файла. Гугл видит.
Попробовал ставить и сразу проверять JavaScript куки - Гугл не видит скрипт :)