Как задать стиль именно для ifone в css?

И еще мысль посетила:
Верно ли я понимаю, для грамотной реализации эффекта с поворотом картинки, нужно в js, классу .change-img присвоить класс active, и на этот класс навешать событие "поворот" , а при повторном тапе событие active отключается и .change-img возвращает картинку?
Но в этом случае, кнопка которая находится в back-side-img, будет неактивна?
Что то я совсем запутался.

Как задать стиль именно для ifone в css?

Благодарю за ваш совет.
Если я верно понял вас, то в медиа запросах, я пишу:

@media (max-width: 767px) {

  .change-img:active .front-side-img {
    transform: rotateY(180deg);
  }
  .change-img:active .back-side-img {
    transform: rotateY(360deg);
  }
}

Но active не подходит. Так как если я тапаю на элемент, то он поворачивается, но как только я убираю палец всё возвращается на круги своя...
Возможно, я что то не верно выполнил?

Как в wordpress задать ссылку на файл?

Владислав Лысков, Спасибо, попробую.

Как настроить поведение бургер меню?

Rst0
Доброго дня.
Благодарю за ответ.
По первому пункту:
Суть идеи такова:
при обычном варианте (не мобильном) страница отображается с обычным меню.
После прокрутки немного вниз, меню переходит в состояние бургера.

Как сделать панель меню прозрачной и сместить на картинку?

Froggyweb, Спасибо за ответ.
Действительно выразил мысль не совсем корректно. Извиняюсь.
Отображается всё так как и нужно.
В моей задумке нет ни чего нового, часто встречается это решение.
По пунктам о моей задумке:
1. Панель с меню сама шапка (Header) должна быть прозрачной.
2. Картинка должна занимать 100% экрана
3. Под header должна просвечивать картинка.
Пример реализации на этой картинке:

Еще раз извиняюсь, что не достаточно понятно изложил мысль.