Cześć, potrzebuję dodać baner na stronę główną, który będzie się wyświetlał tylko na urządzeniach mobilnych. Chciałbym to zrobić przy pomocy HTML Box Pro. Niestety nie wiem w jaki sposób ustawić wyświetlanie danego bloku tylko na urządzeniach mobilnych - czy jest to możliwe?
Instrukcje krok po kroku dotyczące wprowadzania zmian we własnym sklepie internetowym w celu poprawy jego działania, dodawania nowych funkcji itp.
1 reply to this topic
#2
vekia
-
- Members
-
- 221 posts
Advanced Member
Posted 15 January 2018 - 04:13 PM
Witam,
Główny kod banneru, tj. element w którym jest on osadzony musi mieć odpowiednią klasę class="" która zadecyduje o tym na jakich urządzeniach banner będzie widoczny, a na których ukryty.
Jeżeli chcemy, aby banner był widoczny tylko na telefonach to korzystamy z klasy class="hidden-sm hidden-md hidden-lg". Opis klas poniżej
Przykładowo, mamy kod bannera:
<div class="naszBanner"> <img src="http://jakis.com/obrazek.jpg"/> </div>
aby ukryć go na wszystkich urządzeniach poza telefonami, korzystamy z kodu:
<div class="naszBanner hidden-sm hidden-md hidden-lg"> <img src="http://jakis.com/obrazek.jpg"/> </div>
Pozdrawiam,
Miłosz
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
