Intereting Posts
Проблема с permalink в WordPress Заблокирован при попытке мигрировать Как получить пароль и имя пользователя для добавления новой пользовательской формы (конец админа) в wordpress Поле Fetch и ACF из пользовательской таксономии за пределами категории / страницы архива? style.css дочерней темы не переписывает родителей style.css для .box Отключить подачу комментариев Могу ли я управлять несколькими сайтами WordPress с одной страницей администратора WordPress? Как изменить свой RSS-канал по умолчанию? Известный белый экран смерти WordPress Тема имеет суперфиш – как добавить суперсубы? Шаблон страницы Падение исчезает, когда выбрана статическая передняя страница Custom Post Loop в архиве возвращает тот же самый параметр the_permalink Как подсчитать столбцы в пользовательском запросе WPDB? Отображение комментариев в виде просмотра миниатюр WP Gallery RSS-лента для размещения сообщений только из 1 категории

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

На 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