2014-02-19 4 views
1

Мой сайт на основе Joomla и я хочу, чтобы изменить адаптивный макет начальной загрузки, чтобы уместить сайт на любом разрешении мобильный/таблетки и т.д.Изменить самозагрузки на сайте JOOMLA

Чтобы дать вам пример, я хочу, чтобы это было как и www.hays.com. Когда я вхожу в сено на моем телефоне, веб-сайт просто подходит ко всему экрану, и мне не нужно скользить вправо, чтобы увидеть весь веб-сайт, который сейчас происходит на моем веб-сайте.

Мой сайт www.citadella.co.uk

Я уже пытался копировать вставить все стиль @media с полной шириной один.

ответ

1

Откройте следующий файл:

templates/tz_lania/index.php 

В здесь вы увидите некоторые теги с классом container. Вы должны изменить все это на:

class="container-fluid" 

После этого, вы также увидите некоторые теги с классом row, что вам нужно изменить, чтобы:

class="row-fluid" 

Это обеспечит ваш сайт всегда использует 100% любой ширины экрана. Надеюсь, что это помогает

Update:

Право хорошо, я не знал, что это был T3 Framework bssed шаблон. Убедитесь, что вы включили плагин T3 Framework в первую очередь. Если вы не можете найти его в менеджере плагинов, тогда вы получите download и установите его.

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

+0

спасибо за ответ, но я не могу найти какой-либо класс = "container/row в этот файл – Maximo

+0

Можете ли вы предоставить ссылку для скачивания для своего шаблона, если это бесплатно? – Lodder

+0

http://www25.zippyshare.com/v/76945124/ file.html – Maximo

1

Я думаю, вы не используете классы бутстрапа, которые обеспечивают репозиционирование на вашем шаблоне Joomla. Если вы посмотрите примеры бутстрапов (http://getbootstrap.com/getting-started), вы увидите в их коде использование классов, таких как «col-lg-6». При быстром просмотре вашего сайта я не видел никакого использования этих классов, но я не могу быть уверен.

+0

Эти классы были введены в Bootstrap 3.x, а Joomla 3 использует Bootstrap 2.x еще;) – Lodder

Смежные вопросы