Moduł reklam - responsywne reklamy

[okmiwww]

Witajcie,
chciałbym skorzystać z wbudowanego w joomlę komponentu reklam.
Wstawiłem reklamę i wchodząc przez telefon na stronę reklama jest takiej wielkości jak na komputerze.

W wersji DEMO czyli w zakupionym szablonie reklama zmniejszała się do ekranu na którym jest wyświetlana.
Teraz się tak nie dzieje mimo, że przywracam domyślą grafikę i ustawienia.

Co robię źle? Jakieś pomysły?

Z góry dziękuję za poświęcony czas.

PS
Korzystam z najnowszej wersji joomla.

[moje]

Jeśli reklama jest wczytywana z zewnętrznego źródła to może mieć stałe wymiary. Jeśli do tego jest jeszcze wyświetlana w iframe'ie to jej wygląd tym bardziej się nie dostosuje do zmiany reklamy.

[okmiwww]

Witaj moje, dziękuję, że za Twój post.
Reklama jest na moim serwerze w dziale baners w plikach joomla.
Jak sprawdzić w jaki sposób jest wyświetlana?
Ja ją dodałem przed komponent REKLAMA, który jest oryginalnie dołączony do joomla.
Jeżeli masz chwilę to może zerknij GPŚ

Z góry dziękuję za podpowiedzi i wskazówki.

[moje]

Sprawdzić możesz inspektorem, jest to jedno z narzędzi dla developerów, jakie masz w przeglądarce.

W kodzie CSS brakuje zapisu dla tagu img, który by skalował obrazek.
Ja jednak zaleciłbym (oprócz dodania brakującego kodu CSS) dodanie do tego modułu klasy, która sprawi, że będzie on wyświetlany na komputerach ale nie na telefonach oraz utworzenie drugiego modułu w tej samej pozycji ale z klasą, która sprawi, że będzie on wyświetlany tylko na telefonach. W drugim module należy dodać grafikę, która będzie lepiej wyglądać i będzie bardziej czytelna na telefonach. Moja propozycja usunięcie logo z prawej lub przeniesienie numerów telefonów do drugiej linii pod adresami zamiast trzymać je w nawiasach.
zrzut.2017-11-27.12.57.16.jpg

[okmiwww]

Jak uzyskałeś efekt przedstawiony na screenie?

Czy mógłbym mi jeszcze pomóc i nakierować mnie na odpowiednią lekturę odnośnie dodania znacznika img w css?
Z góry dziękuję.

Pomysł co do dwóch modułów wymaga więcej pracy, ale wydaje się być jedynym dobrym rozwiązaniem w takim przypadku.

Dziękuję za Twój post.

[moje]

W google jest wszystko na temat responsywności obrazków.

[siristru]

Wystarczy jeśli dla obrazków w bannerach zdeklarujesz:

img {max-width: 100%;}

http://prntscr.com/hhlx7r

Jeśli obrazek jest wyświetlany z iframe to musisz skalować cały iframe.

Jeśli idzie o pomysł z różnymi modułami dla desktop i mobile to jak najbardziej, z tym, ze jeśli nie potrafisz korzystać z przyrostków klas to wykorzystaj Advanced Moduel Manager - pozwala przypisać moduł do danego typu urządzenia.

[okmiwww]

Czyli tutaj nic nie zdziałam?
Załącznik 9244

Muszę odszukać odpowiedni plik CSS i w nim przy podpunkcie banner dołożyć przytoczony przedrostek, tak?
Załącznik 9245

[siristru]

Niestety nie widzę twoich załączników.
Użyj tej usługi by zrobić zrzut ekranu: https://snag.gy/

[moje]

@siristru zrzuty działają, wystarczy w nie kliknąć ;)