WEB JE PŘESUNUTÝ NA NOVOU ADRESU NOSALOVA.COM

Uzavřená sekce pro účastníky kurzu funguje standardně.
Články na blogu jsou stále přístupné.

Divi: Jak udělat Swipe kolonek na mobilu

Hedviga Nosáľová | 20. 2. 2020

Miluju swipe scrollbar. Pokud máte totiž více než 4 kolonky, ušetří to nemalé místo na mobilních zařízeních. Je to uživatelsky přívětivé a o to jde.

Takže, prvně ukázka toho, co to je swipe:

Na deskopu to vypadá běžně:

A takhle to vypadá na mobilu:

Jaký je postup?

Vytvořte si běžnou sekci a vytvořte si upoutávky, neboli blurbs.
Jděte do Nastavení Řádku.
Klikněte na Pokročilé.
Klikněte na ID a třídy CSS.
Přiřaďte Třídu CSS – já to mám pojmenované swipe-scrollbar (ani nevím, jak bych to napsala po česky).


Poté jděte ve stejné kartě na Vlastní CSS.
V poli Hlavní prvek klikněte na ikonku mobilu.


Do kolonky Tablet Mobil vložte následující kód: (nepoužíváme <style></style>, ani .id { } , zde to vkládáme v tomto tvaru)

Pamatujte na to, že v grid-template-columns: repeat(6, 70%); si zadáte reálné číslo, podle toho, kolik máte kolonek. Já mám zde 6, tak proto je v kódů šestka. Můžete si upravit i procenta – mě se to nejvíce líbí na 70%. Tento kód nám tedy vytváří přímo funkci swipu.

Pokud vám vadí, jako mě, defaultně vzhlížející scrollbar, pojďme jej upravit. A to následovně:

Teď klikněte na Nastavení stránky.
Klikněte na Pokročilé.
Klikněte na Vlastní CSS.

A tam vložíme následující kód, který si již upravíte podle sebe:

Přečtěte si také…

PurifyCSS – jak odstranit nepoužívané CSS

Tohle je doplnění článku Divi: ultimátní návod na optimalizaci rychlosti. Protože se ve skupině množí dotazy, jak přesně provést odstranění nepoužívaného CSS, pokusím se udělat návod. Hned zkraje napíšu, že ANO, musíte používat child themu a ANO...

číst více

Najdete tady…

Rubriky v blogu

Vše, co souvisí s podnikáním. Občas sdílím zajimavý příběh a zkušenosti.

Divi využívám pro 99 % projektů mých klientů a mohu ji doporučit každému. Píšu o zajímavých tématech ohledně této šablony.

Články na různá témata týkající se tvorby webu.

Vytvářím si vlastní knihovnu různých kódů, které jsou užitečné pro tvorbu webů.

Slevy a akce

Akce a doporučení na hostingy, šablony, pluginy, nástroje, kurzy. Vše, co se podnikatelům hodí.

Nástroje

Seznam nástrojů pro podnikání a vzdělávání.

Facebook skupiny

Jediná a největší poradna čiště pro Divi na našem území. Jsem moderátorem.

Zajímavé informace ohledně tvorby webu – WordPress, Divi, design.