Как как сделать background (фон сайта) адаптивным под разные устройства?

голоса: 0
Добрый день. Подскажите пожалуйста, как как сделать background (фон сайта) адаптивным под разные устройства? Отображается на разных устройствах он по разному, как исправить? И еще вопрос, как сделать его активным (ссылкой)?
Адрес сайта http://kinomaxhd.su/
| Автор: | Категория: Дизайн сайта

Исправить стили:

.page-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  background: #000000 url(../images/bg-main.jpg) 50% 0 no-repeat;
background-size:100%;
}

добавить красное. О том как сделать каликабельный фон, детали в материале http://forum.ucoz.ru/forum/25-65063-1

Сделал все как надо , но к сожалению фон не кликабелен:(
Anton Voronyak,

Вы в стили не добавили:

#branding_link { 
        width:100%; 
        height: 100%; 
        position:absolute; 
}

Yuri_Geruk,

В полне возможно его нужно вставлять в определенное место?

Ответов: 1

Голоса: +1

А он и не будет кликабелен, делается скриптом...
Поместить в нижняя часть сайта.

<script>
     $(function(){
         $('body').prepend('<a href="javascript://" onclick="window.open(\'ссылка на переход\')" style="display:block;background:url(ссылка на картинку);height:1000px;width:100%;cursor:pointer;position:absolute;"></a>');
     });
     </script>

| Автор:

Сделал как вы посоветовали, не получается...=(

Anton Voronyak,
Сейчас установлен? или удалили... поставьте и отпишитесь.
Sentimo,
Cейчас установлен, не удалял.
Anton Voronyak,
Не вижу его там, кнопку сохранить нажали? Вижу хостинг и копирайт, скрипта перед ними нет.
Sentimo,
Да, точно есть, проверил... в Глобальных блоках-->нижняя часть сайта.

Ни в исходнике, ни в инспекторе его нет, поставьте в верхняя часть сайта.

Sentimo,
Это очень странно. В верхней части сайта тоже ставил , он там уже стоит.
Anton Voronyak,
И там его нет, переключитесь на старую панель управления, и попробуйте снова поставить в нижнею часть.
Sentimo,

Добрый день. background сделать кликабельным получилось, но кнопки меню стали из за этого прозрачными, как исправить, не подскажите?Заранее спасибо! http://kinomaxhd.su/
 

...