Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Subfora w dwóch kolumnach i w jednej kolumnie na urządzeniach mobilnych


dzagu

Rekomendowane odpowiedzi

Korzystam z domyślnego szablonu. W custom.css posiadm taki kod:

/**
 * This file is for your custom CSS.
 * This file is not modified or overwritten during upgrades
 */
.ipsDataItem_subList{ overflow: hidden; }
 
        html[dir="ltr"] .ipsApp .ipsDataItem_subList,
        html[dir="rtl"] .ipsApp .ipsDataItem_subList{
            background: none;
            line-height: 180%;
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-bottom: 4px;
        }
        
        .ipsDataItem_subList li{
            float: left;
            width: calc(100% / 2 - 5px);
        }
 
        html[dir="rtl"].ipsDataItem_subList li{ float: right; }
        
        .ipsDataItem_subList li a:after{ display: none; }
    
        html[dir="rtl"] .ipsDataItem_subList.ipsList_inline > li{ margin-left: 0; }

Jak zrobić aby była tylko jedna kolumna na urządzeniach mobilnych?

Odnośnik do komentarza
Udostępnij na innych stronach

Musisz objąć konkretne elementy CSS które odpowiadają za wyświetlanie subforów w dwóch kolumnach w tagi @media i ustawić odpowiedni breakpoint dla nich.

 

Przykładowe breakpointy:

 /* Małe urządzenia - 576px i więcej */
@media (min-width: 576px) { ... }

/* Średnie urządzenia - 768px i więcej */
@media (min-width: 768px) { ... }

/* Duże urządzenia - 992px i więcej */
@media (min-width: 992px) { ... }

/* Duże urządzenia - 1200px i więcej */
@media (min-width: 1200px) { ... } 

 

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.