разрешение сайта / уменьшено на мобильном

Question

Итак, мой старый друг, который ничего не знает о программировании, попросил помощи с его сайтом. кто-то построил это для него давно, вот оно - http://challengetours.org/ Проблема в ширине сайта. Как видите, в нижней части сайта есть полоса прокрутки, которая ведет к огромному пустому пространству. В частности, с этим нет проблем, но когда вы открываете сайт на мобильном устройстве, он уменьшается, чтобы увидеть весь сайт, включая пустую область.

что было бы самым простым способом решить это? У меня есть опыт работы, но я никогда не использовал WP / JS / PHP / CSS:)

Спасибо

Итай

Answer 1

Если приведенный выше комментарий WebElaine не работает, вы можете сделать следующее.

У вас есть два элемента, устанавливающих правила в CSS:

1. Ваш div с идентификатором ___plusone_0 имеет встроенный стиль, установленный на "left: -10000px;".

2. Ваш iframe с идентификатором st_gdpr_iframe имеет встроенное правило стиля "left: -5000px;".

Удаление этих двух стилей избавляет от полосы прокрутки.

Если вы используете Wordpress, но не слишком знакомы с ним, вы можете добавить свои собственные CSS-идентификаторы, позволяющие нацеливать эти элементы и переопределять встроенные стили, если есть проблема с самой темой Wordpress, которая не может быть иначе доступ.

Например:

#st_gdpr_iframe{
left: 0px;
}

#smthemes_share .inner{
left: 0px;
}