Pokazanie i ukrywanie wybranych elementów Divi

Jedną z przydatnych funkcji Divi jest możliwość tymczasowego pokazywania i ukrywania wybranych modułów na różnych urządzeniach, takich jak komputery, tablety i smartfony. Dzięki tej funkcji możesz dostosować wygląd swojej strony do różnych rozmiarów ekranów, co jest kluczowe dla zapewnienia responsywności strony. Możesz też używać ukrywania elementów do tymczasowej edycji aby nie pokazywać zmian przed ostatecznym opublikowaniem całości.

Jak to zrobić?

Ukrywanie wybranych elementów divi.

1. Zaloguj się i otwórz edytor wizualny Divi Builder
2. Edytuj wybrany moduł (tą samą metodę można zastosować też do elementów wyższego poziomu - kolumn, wierszy i sekcji).
3. Dostosuj Widoczność Modułu
   1. W oknie ustawień modułu przejdź do zakładki „Zaawansowane”.
   2. Znajdź sekcję „Widoczność”.
4. Ustawienia Widoczności
   1. W sekcji „Widoczność” zobaczysz trzy opcje: „Ukryj na komputerach”, „Ukryj na tabletach” i „Ukryj na telefonach”.
   2. Zaznacz odpowiednie pola wyboru w zależności od tego, na jakich urządzeniach chcesz ukryć moduł.
   3. Jeśli chcesz ukryć moduł na wszystkich urządzeniach, zaznacz wszystkie trzy opcje.
5. Zapisz Zmiany
   1. Po dokonaniu wyboru kliknij zielony przycisk „Zapisz zmiany”.
   2. Zaktualizuj stronę, aby zastosować zmiany.

Uwaga

Niestety Divi ma błędne tłumaczenie na język polski. Funkcja ma tytuł "Włącz na". Prawidłowe tłumaczenie brzmiałoby "Ukryj na". Zaznaczenie wybranego typu urządzenia spowoduje ukrycie elementu.

Przykład

Jeśli masz moduł tekstowy, który chcesz ukryć na smartfonach, ale chcesz, aby był widoczny na komputerach i tabletach:

1. Otwórz ustawienia modułu tekstowego.
2. Przejdź do zakładki „Zaawansowane” > „Widoczność”.
3. Zaznacz pole „Ukryj na telefonach”.
4. Zapisz zmiany i zaktualizuj stronę.

Podsumowanie

Pamiętaj, aby zawsze testować zmiany na różnych urządzeniach, aby upewnić się, że wszystko działa zgodnie z planem.