Intereting Posts
Я получаю функцию mysql_real_escape_string () при добавлении пользователя? связать последнее сообщение с первым сообщением Возможно ли иметь разбиение на страницы со смещением? Как я могу выборочно печатать сценарии в нижнем колонтитуле определенных страниц администратора? Определение версии WordPress из командной строки хоста? Глобальная область действия идентификатора транзакции PayPal для пользователя Колесо мыши Авто прокрутка до якоря Не могу ответить на комментарии Отсутствует ссылка dns-prefetch при использовании «вложенного» wp_register_style Фильтры post в admin с выпадающим меню, пользовательский тип сообщения Проверка настраиваемых мета-полей с результатами jQuery в сообщениях, которые сохраняются как черновик вместо опубликованного сообщения Как выполнять поиск пользователей по всему миру на основе многоуровневой установки? Безголовый wp реагирует. Как обрабатывать маршруты? (Как) Могу ли я изменить свою сеть Multisite, чтобы использовать другой блог в качестве Первичного? Прямая ссылка для публикации при выборе нескольких категорий

Заголовок видео на мобильном телефоне исчезает за заголовком и содержимым

На https://www.altcinematic.co.uk/video-test/ У меня есть заголовок видео с использованием дополнительных настраиваемых полей и нового шаблона страницы.

Шаблон страницы:

<?php /* Template Name: Video Banner */ ?> <?php get_header(); ?> <main class="main-content"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <section class="fullscreen-intro homepage"> <?php the_field('video_banner'); ?> </section> <section id="content"> <div class="content-section<?php if(have_rows('films')){echo " padding-bottom-remove";} ?>"> <div class="white"> <div class="box-white container-box<?php if(have_rows('films')){echo " margin-bottom-remove";} ?>"> <?php the_content(); ?> </div> </div><!-- /white --> </div><!-- /oontent-section --> </section><!-- /content --> <?php if(have_rows('films')): $count = 1; ?> <section id="content"> <div class="content-section"> <?php while(have_rows('films')): the_row(); if(is_int($count / 2)){ $position = "align-left"; } else { $position = "align-right"; } if($video = get_sub_field('is_this_a_video') == "yes"){ $type = "video"; } else { $type = "other"; } ?> <article class="yellow film-box <?php echo $position . " " . $type; ?>"> <div class="box container-box clear-fix"> <div class="box-right-top"> <div class="img video-wrap"> <div class="iframe-wrap"> <?php the_sub_field('vimeo_link'); ?> </div><!-- /iframe-wrap --> </div><!-- /img --> </div><!-- /box --> <div class="box-left-top"> <h1><?php the_sub_field('title'); ?></h1> <?php the_sub_field('intro_text'); ?> </div> </div><!-- /box --> </article> <?php $count++; endwhile; ?> </div><!-- /oontent-section --> </section><!-- /content --> <?php endif; ?> <?php endwhile; endif; ?> </main> <?php get_footer(); ?> 

Это прекрасно работает на рабочем столе, но я не могу правильно настроить положение на планшете и мобильном телефоне? Он находится за заголовком и областями содержимого, а не между ними, поэтому, если я добавляю margin / padding, он просто перемещает видео позади.

Я унаследовал этот сайт и, следовательно, не могу полностью понять, как эти элементы контролируются?

Solutions Collecting From Web of "Заголовок видео на мобильном телефоне исчезает за заголовком и содержимым"

Вы можете настроить таргетинг на эти устройства с помощью css и указать для этого объявление.

Добавьте это в свой файл css и настройте подходящее значение:

 @media screen and (max-width: 768px) { .page-template-page-video-banner .fullscreen-intro { margin-top: 135px !important; } } 

Смотрите скриншот

Этот вопрос не имеет ничего общего с WordPress. Ваша проблема – это позиция, зафиксированная вашим заголовком. Попытайтесь обернуть свой iframe div с помощью свойства margin-top: your-header-height