Где отредактировать отзывчивые html-коды для главной страницы моего веб-сайта

У меня есть сайт под названием http://elitemaths.com.au/. В настоящее время модули главной страницы, похоже, отлично работают на настольном браузере, а «maths is hard ...» div, а также «Fulfill your ...». Я добавил скриншот этого.  введите описание изображения здесь>> </a>. </p>

<p> Однако, когда я загружаю одну и ту же страницу на свой iphone 6, эти divs работают некорректно. Следующее - это то, что я вижу на своем телефоне. <a href=введите описание изображения здесь>> </a>. </p>

<p> Будучи совершенно новым для Joomla и html, я понятия не имею, куда мне пойти и попытаться разобраться в этом. Я просмотрел файл template.css в
 

Может ли кто-нибудь предложить, какой файл будет работать, чтобы исправить эту проблему? И может ли кто-нибудь предложить возможное исправление, если это возможно?

Большое спасибо!

1 голос | спросил Will Kim 11 J0000006Europe/Moscow 2017, 07:24:31

2 ответа


3

Эти divs имеют классы h2 visible-lg visible-md visible-sm

Следующий код скрывает те div.

Line: 6685
.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

Причина, по которой они видны на больших экранах, - это код:

Line: 6795
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}.....

вы можете найти оба кода в: http://elitemaths.com.au /templates/elitemaths/local/css/themes/elitemaths/bootstrap.css

Вы можете удалить класс visible-lg из первого кода или даже лучше отредактировать второй.

ответил John 13 J0000006Europe/Moscow 2017, 18:53:16
2

Не знаю, что такое шаблон, но он может быть хорошим файлом. Это, как правило, огромный файл :) Это protostar /css /template.css для шаблона protostar , поставляемого с Joomla.
После этого вы должны найти строку @media . Они называются медиа-запросами. Они используются для определения новых правил стиля для разных типов медиа. Вы можете ввести что-то вроде:

@media screen and (max-width:640px) :{
    p {
        background-color: red; } }

В этом случае абзацы будут иметь красный фоновый цвет, если смотреть с устройства, которое является экраном , максимальное разрешение которого составляет 640 пикселей.
Слово экран важен. Это тип медиа. Поскольку для принтеров можно указать такие объекты, как print !
Это основной принцип.

ответил jcm69 12 J0000006Europe/Moscow 2017, 22:52:06

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132