Question

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

Comments

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

.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,

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

Answer 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>

Comments

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

---

Anton Voronyak,

Сейчас установлен? или удалили... поставьте и отпишитесь.

---

Sentimo,

Cейчас установлен, не удалял.

---

Anton Voronyak,

Не вижу его там, кнопку сохранить нажали? Вижу хостинг и копирайт, скрипта перед ними нет.

---

Sentimo,

Да, точно есть, проверил... в Глобальных блоках-->нижняя часть сайта.

---

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

---

Sentimo,

Это очень странно. В верхней части сайта тоже ставил , он там уже стоит.

---

Anton Voronyak,

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

---

Sentimo,

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