Как редактировать CSS для мобильной версии сайта? Joomla 3.x? - Вопросы по CSS

Добрый день, господа эксперты) снова я, снова с вопросом. где найти CSS файл, отвечающий за мобильную версию шаблона beez3, чтобы изменить цвет фона в шапке?

P/S: использую цветовую схему personal

чтобы определить файл, необходимо подгрузить мобильную версию сайта. В Инете существуют сервисы, где это проделать онлайн. Например - сервис --->>> Вводим в строку сайт и смотрим как он отображается на мобильных устройствах. Затем берем FireBug и проделываем точно так, как и с обычным сайтом

Всем привет да но этот инструмент  http://webmark.com.ua/mobile/ отображает сам сайт.
А у меня специально на телефоне включается мобильная версия сайта.
А на http://webmark.com.ua/mobile/ нет. Как редактировать мобильную версию сайта - что бы было так же удобно как и с FireBug?

вызываете FireBug и здесь же, на странице, на "экране планшета, мобильного" ведете поиск. В итоге, получите стили и классы Вашего сайта и скорее всего, настройки для моб.приложений, если конечно такие у Вас предусмотрены в шаблоне

Всем привет да но этот инструмент  http://webmark.com.ua/mobile/ отображает сам сайт.
А у меня специально на телефоне включается мобильная версия сайта.
А на http://webmark.com.ua/mobile/ нет. Как редактировать мобильную версию сайта - что бы было так же удобно как и с FireBug?

Открываете FireBug и колесиком мышки увеличиваете масштаб, если сайт перестраивается как на телефоне то должно показать в каких CSS файлах находятся стили.

В Firefox есть Инструменты->Веб-разработка->Адаптивный дизайн
Выбираете из пресетов или задаёте свой размер
Включаете FireBug
В IE последних тоже есть Сервис -> Средства разработчика (предварительно, кажется, надо включить в настройках)
Выбираете Эмуляция, настраиваете, потом смотрите Проводник DOM

В Firefox есть Инструменты->Веб-разработка->Адаптивный дизайн
Выбираете из пресетов или задаёте свой размер
Включаете FireBug
В IE последних тоже есть Сервис -> Средства разработчика (предварительно, кажется, надо включить в настройках)
Выбираете Эмуляция, настраиваете, потом смотрите Проводник DOM

Спасибо это уже ближе но все равно не то... Вот как выходит:

А должно быть:

На компьютере не могу открыть эту версию...
Вот в чем вопрос... на телефоне переключение осуществляется http://name/?mobile=1 or 0 но на компьютере ноль реакции. Вот и задаю вопрос профи как мне на компьютере открыть через FireBug и отредоктировать CSS. Поскольку редактирую в слепую ничего не происходит!

интересно получается. Так прописанная жесткая ширина шапки, например
и на моб.устройствах не подтягивается файлы CSS для этих устройств. Как проверить где искать и править? Вот ссылка на сайт , открываете через FireBug и сканируем, смотрим сайт прям на моб.картинках

На компьютере не могу открыть эту версию...

Средства выше могут быть использованы, если ваш сайт меняется в зависимости от разрешения окна браузера. Иногда в шаблоне встроен анализатор user agent для подгрузки разных стилей.
Есть разные эмуляторы для мобильных устройств, можете попробовать их. Вот, например:
https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging
Но для начала попробуйте глянуть в шаблоне, может, для отладки задать параметр mobile=1 жёстко и проверить обычными средствами (как указано выше).

Мой сайт перестраивается чисто на CSS. Используйте