Przejdź do głównej zawartości

Jak wyświetlić widget tylko na wersji mobilnej?

Napisane przez Adriana Świerczek
Zaktualizowano ponad miesiąc temu

Jeśli chcesz, aby widget pojawiał się wyłącznie na urządzeniach mobilnych, wykonaj poniższe kroki:

  1. Przejdź do panelu widget > Edycja ustawień widgetu.

  2. Wybierz zakładkę Połączenia.

  3. Włącz opcję Wyświetlaj widget tylko na wersji mobilnej.

  4. Przejdź do Wygląd > Personalizacja stylów.

  5. Wklej poniższy kod CSS, aby dostosować rozmiar przycisku widgetu na urządzeniach mobilnych:

    @media only screen and (max-width: 767px) {
    #callpage .cp-widget-button {
    width: 42px!important;
    height: 70px!important;
    }

Po zapisaniu zmian widget będzie widoczny tylko na ekranach o szerokości do 767 px, czyli typowych dla smartfonów i małych tabletów.

Czy to odpowiedziało na twoje pytanie?