"Rozbitie" CSS v mobile po menších úpravách

16. 8. 2018 17:58:38

Prosím vás, vedel by mi niekto poradiť ako opravím môj web s parfémami aby ho zobrazovalo správne aj v mobiloch?

O čo ide -

Pred pár mesiacmi som skúšal robiť v CSS menšie úpravy - upravil som veľkosť nadpisov a farbu písma. Web som skontroloval a vyzeralo, že všetko ide ok.

Až po mesiacoch som si všimol, že v mobile sa stránka nezobrazuje úplne presne - síce som vyriešil problémy, ktoré som mal predtým, no teraz som si všimol nové problémy, ešte horšie:

CEna a tlačídlo pridať do košíka presahuje vo výpise produktov z jedného produktu do druhého

Stránkovanie produktov, odporúčaný tovar, najnovší tovar - na konci výpisu produktov - sa zlieva do seba a je takmer nemožné správne kliknúť..

Najlepšie to môžete vidieť napr. tu: https://www.parfumylacno.sk/parfumy-eshop/parfumy-fm-pre-zeny - keď si dáte v prehliadači preskúmať prvok a zobrazenie pre mobilné zariadenia, alebo keď si stránku pozriete priamo v mobile. V PC to funguje v poriadku.

Prosím Vás, akou úpravou CSS by som dal veci doporiadku aj v mobiloch?

Dakujem.27229

16. 8. 2018 17:58:38

https://webtrh.cz/diskuse/rozbitie-css-v-mobile-po-mensich-upravach/#reply1361191

Dominik Hašek

(12 hodnocení)

16. 8. 2018 19:10:33

Nezkoumal jsem to do hloubky, ale jako rychlej hotfix

Elementu " .labpagination " a " .labpagination ul " odebereš v css pevnou velikost 30px (height: 30px) to je imho úplná blbost v telefonu. To vyřeší stránkování, který by zasloužilo ale i tak trošku učesat.

Tlačítko do košku vyřešíš tím že nastavíš produktu pevnou výšku, tedy

.produkt .spacer { height: 440px; } (pouze pro telefon, pomocí media queries). Není to ideálni řešení ale bude to fungovat. Třeba se v tom někomu bude chtít hrabat a přijde na lepší řešení :)