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é…

Onebit hosting: Skvělá volba pro váš web

Ano, Onebit hosting miluju! A protože vím, že téma hostingu řeší téměř každý, ráda bych tento článek věnovala jednomu, který využívám pro 98 % webů mých klientů. Proč jsem si oblíbila Onebit? Administrace webhostingu JednoduchostCo opravdu nesnáším...

číst více

Divi: ultimátní návod na optimalizaci rychlosti

uptade 24.04.2020 Dlouho očekávaný článek o optimalizaci rychlosti Divi je tady. Ve skupině jsem to několikrát naznačila, že se tento článek rýsuje, ale protože je mnoho práce, nestíhám vydávat články tak pravidelně, jak bych chtěla. Ale konečně je...

číst více

Divi: Video návod na vlastní fullwidth menu

Ve skupině jsem to slíbila již před pár týdny (?). Tak zde je slibovaný návod, jak si udělat vlastní menu na plnou šířku. Protože mi video nahrálo jenom jeden list a na konci videa jsem chtěla ukázat, jak to ve výsledku vypadá, mám ty videa dvě....

čí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.