Содержимое страницы плавает влево и выравнивается по центру при прокрутке страницы

Содержимое страницы изначально перемещается влево, а при прокрутке вниз отображается в центре страницы.

См. https://buckbaaz.com/category/photography/

Я не мог выяснить проблему CSS

Любая помощь?

Код

        <div class = "col-md-12 text-center pad20">
             <h1>Category : <?php the_category(', '); ?></h1>
        </div>
    <?php    
    if (have_posts()) : while (have_posts()) : the_post();
    ?>  


        <div class = "col-xs-12 col-sm-12 col-md-4 text-center">
             <h2><a href = "<?php the_permalink(); ?>"><?php echo the_title(); ?></a></h2>
             <?php
                if (is_category( $category = 'Photography' ) ) {
                    if (has_post_thumbnail()){
                echo '<div class = "postthumb">';
                the_post_thumbnail('thumbnail');
                echo '</div>';

                  }
                }
             ?>
        </div>
    <?php   
    endwhile;

    // Archive doesn't exist:
    else :

        esc_html__( 'Nothing found, sorry.','north' );

    endif;    

    vntd_pagination();       



    ?>
    </div>
</div>

Пожалуйста, добавьте сюда осмысленный код и описание проблемы. Не просто ссылайтесь на сайт, который нужно исправить — в противном случае этот вопрос потеряет всякий смысл для будущих посетителей, как только проблема будет решена или если сайт, на который вы ссылаетесь, недоступен. Публикация Минимальный, полный и проверяемый пример (MCVE), демонстрирующая вашу проблему, поможет вам получить более точные ответы. Для получения дополнительной информации см. Что-то на моем сайте не работает. Можно просто вставить ссылку на него? Спасибо!

j08691 18.07.2019 17:27

То, что вы предоставляете, все еще недостаточно, пожалуйста, предоставьте css, и, поскольку php здесь не имеет смысла, я бы также посоветовал заменить его скомпилированным html

Gilsido 18.07.2019 17:48
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
3
2
41
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Сделайте содержимое страницы DIV полной ширины:

#page-content {
    overflow: hidden;
    position: relative;
    width: 100%;
}

Тем не менее, есть странное «заикание», когда вы прокручиваете страницу вверх.

Gilsido 18.07.2019 17:46

Другие вопросы по теме