CSS/абсолютное позиционирование не будет работать для Safari

Я создаю сайт wordpress и пытаюсь разместить некоторые значки социальных сетей в правом нижнем углу для сайта> 60em и в правом верхнем углу для разрешения экрана ‹60em. Следующий код отлично работает во всех браузерах и ОС, кроме Safari. Не уверен, что происходит. Какие-нибудь мысли?

Сайт: http://www.itsjustchicken.com (см. значок Instagram справа)

.social-icons {
  margin: 1% 1%;
  position: absolute;
  bottom: 0;
  right: 0;
}
  @media (max-width: 60em) {
    .social-icons {
      margin: 1% 1%;
      position: absolute;
      top: 0;
      right: 0;
    }
}

css safari absolute position
person EvRev    schedule 10.11.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуй это:

@media screen and (max-width: 60em) {
     .social-icons {
        margin: 1% 1%;
        position: absolute;
        top: 0;
        right: 0;
    }
}
person KidBilly    schedule 10.11.2014