Skalowanie strony

[Krzycho0001]

Hej, mam nadzieję że mnie nie wyśmiejecie :) dopiero mój 3 dzień z joomlą (zarąbista sprawa i dość prosta) ale mam problem ze skalowaniem swojej stronki. Szablon robiłem w artisterze przy eksporcie zaznaczyłem responsywność natomiast strona źle się skaluje na telefonie czy komputerze z inna rozdzielczością. Na pc na innej rozdzieliczości nie zmieniejsza mi czcionek, menu, nakłada nazwe i slogan na obrazek itd. tak samo podczas zmieniania rozmiaru okna przeglądarki.
Adres strony: www.krzycho.clanfear.pl
W załączniku plik css.
Nie oczekuję żebyście mi go edytowali tylko powiedzieli co jest nie tak ewentualnie dlaczego takie cuda mi wychodzą.

Pozdrawiam

[mjmartino]

@media (min-width: 1200px){
#art-resp-desktop { display: block; }
}


@media (min-width: 980px) and (max-width: 1199px)
{
#art-resp-tablet-landscape { display: block; }
}


@media (min-width: 768px) and (max-width: 979px)
{
#art-resp-tablet-portrait { display: block; }
}


@media (min-width: 480px) and (max-width: 767px)
{
#art-resp-phone-landscape { display: block; }
}


@media (max-width: 479px)
{
#art-resp-phone-portrait { display: block; }
}
Zapewne resztę klas tam gdzie nie pasuje trzeba dopasować ręcznie już. A dwa to generator więc efekt końcowy bywa różny. Trzy to płatne narzędzie więc należało by spytać producenta czemu jest tak a nie inaczej ;)

[Krzycho0001]

Ok to są ustawienia na urządzenia mobline natomiast największa rzecz która mnie irytuje to to że jeśli zmieniam rozmiar okna przeglądarki to nie zmniejsza się nagłowek, menu itd tylko się wszystko na siebie nakłada ;/

[zwiastun]

To wszystko dlatego, że do stworzenia szablonu wybrałeś ten właśnie program.
Wykorzystaj jakikolwiek darmowy szablon oparty na jakimkolwiek frameworku. Szybciej osiągniesz odpowiedni efekt, niż przegrzebując się przez karkołomny kod Artistera

[Krzycho0001]

Czyli nic w moim css nie da rady zrobić żeby nie było tego problemu ?

[mjmartino]

Da się tylko byłby to na tyle czasochłonne że nie opłacalne.
Idź tropem podanym przez zwiastuna jak nie chcesz się bawić css i spędzać nad tym szablonem masy godzin aby go dostosować.

[Krzycho0001]

Wiem Panowie że najprostsze sposoby czasami są najlepsze ale czasem warto sobie zrobić pod górkę żeby się czegoś nauczyć i coś poznać. Dzięki za porady, pobawię się css-em chociaż go trochę poznam ;)

[GOGOKOM]

Zamiast tego co meczysz proponuję zainteresować się https://www.template-creator.com/en
Co do frameworku to jest wybór (kolejność przypadkowa):
https://www.joomshaper.com/helix
http://gantry.org/
http://www.t3-framework.org/

[Krzycho0001]

Gdybym nie wpakował w program 500 zł to bym bawił się czymś innym. Kasa wydana więc chciałbym teraz dowiedzieć się w jaki sposób naprawiać tą niedoskonałość programu. Interesuje mnie głównie:
1. Zmniejszanie czcionek, modułów itd podczas zmiany rozmiaru okna przeglądarki.
2. Poprawne dopasowanie wyświetlania dla urządzeń mobilnych.

Z tego co zrozumiałem należy pobawić się css-em, nie ma tam aż tak dużo ustawień. Chciałbym się od Was dowiedzieć które dokładnie pozycje odpowiadają za pkt 1 i 2. Dalej już sam zmieniając wartości będę się bawił i próbował coś z tego wydusić.