Intereting Posts
Включить шаблоны страниц. Как? Как удалить облако тегов из страницы администрирования администрирования taxonomy? Настройка различных макетов для каждой категории продуктов и подкатегории новая страница (редактор) ширина не мобильная реакция Есть в наличии товары, скрытые в каталоге, но появляющиеся в результатах поиска? Документация WordPress Поиск: как улучшить поисковый запрос с использованием таксономических терминов, пользовательских мета-полей? Выход из котировок Могу ли я переопределить permalink / slug при создании Связанный пост с использованием заголовка сообщения Как заставить get_template_part сначала сначала проверять дочернюю тему? Shold Я вручную добавил 'cap' для роли администратора? Как показать таксономию, назначенную сообщению в таблице (где отображаются все сообщения) настраиваемого типа сообщений? Нужно добавить класс к первому элементу в цикле foreach Запросить последние сообщения от авторов блога Как я могу отображать свои пользовательские обмены в настраиваемом шаблоне сообщений?

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

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