4 odpowiedzi w tym temacie

[Michał]

Zaimportowałem w Contao 3.0.5 własny plik CSS z ustawieniami szablonu responsywnego z kilkoma wariantami określonymi z pomocą polecenia @media, np.:

@media only screen and (min-width: 768px) and (max-width: 959px) {
...
}
@media only screen and (max-width: 767px) {
...
}
itd.

Rzecz w tym, że takie rozwiązanie nie działa, bo Contao wywaliło wszystkie polecenia @media, pozostawiając tylko style.
W efekcie mam kilka wariantów, np. dla .container, przez co zastosowana jest ostatnia wartość.

1. Czy ktoś z Was spotkał się z takim zachowaniem Contao?
2. Czy rozwiązaniem będzie utworzenie dla tych wariantów odrębnych plików CSS i odpowiednio odrębnych układów strony dla każdego z nich?

[Kamil]

A w jaki sposób załączasz style? Ręcznie w układzie strony albo templatce fe_, czy poprzez wbudowany edytor?

[Michał]

Gotowy plik CSS importuję do Contao poprzez "Importuj CSS" w BE, a następnie wybierając dany plik CSS w układzie strony.

[Kamil]

W takim wypadku chyba musisz przenieść część tych styli do osobnego arkusza i tam ustawić parametr media - http://cl.ly/image/2r0Z313P0l2z.

[Michał]

Zadziałało wyśmienicie. Dzięki Kamil.