Ahoj WD,

poptával jsem responzivní design pro web, člověk, který se o to měl postarat, službu nedodal. Chci se zeptat, je nějak možné odstranit nedostatek špatně viditelných ikon na levé straně? Přikládám screen. Zdá se mi, že je na pravé straně dostatek místa, na levé však ne. Nejde tam zajet, zazoomovat. Telefon HTC One, Chrome.



Pokud by někoho něco napadlo, dejte vědět. Díky!

Máš tam hned několik chyb.
Očividně máš u body neustále stejnou šířku i přesto, že tam není tak velká šířka pro prvky potřeba.

Ale tvou odpovědí, jak udělat více místa na ikony je zde:



Tento kód přepiš u #wrapper .

Pozn. Tohle vůbec není responzivní design. Podívej se když tak u mě a měň si šířku okna nebo třeba přes tvůj mobil.

zkusil jsem v mobilu i v online testu, ale ikony jsem nenasel (si je asi odstranil).
Proč si tu šablonu nepředěláš rovnou na responzivní?
Jsem si upravil sablonu Twenty Fourteen, celkem hračka - http://smartpujckatabulkasplatek.cz

Poptavka-zdarma: On je neodstranil, jenom jsou vždy k vidění u příspěvků.

Kohy: Tak jsem koukal a při tom mém nastavení se nenačtou tvé ikony na sdílení.
Ono by to chtělo to předělat celé od začátku. Je tam spousty nedostatků a přeměna zabere dost krátký čas.

Kohy píše:
Ahoj WD,

poptával jsem responzivní design pro web, člověk, který se o to měl postarat, službu nedodal. Chci se zeptat, je nějak možné odstranit nedostatek špatně viditelných ikon na levé straně? Přikládám screen. Zdá se mi, že je na pravé straně dostatek místa, na levé však ne. Nejde tam zajet, zazoomovat. Telefon HTC One, Chrome.

freebit.cz - screen.png

Pokud by někoho něco napadlo, dejte vědět. Díky!

Jak píše Peeeta. Předělej si to nejdřív na responzivní design. Ikony bych asi spíš umístil do přední vrstvy dolu.

můžše předělat prvek:
.dd_inner {
float: right!important;
}

Poptávka dovolím si tě trošku opravit.
Musí tam připsat



Ale je špatně, že vše staví na jednom rozestavění. Design by se měl přizpůsobit podle toho na jakém zařízení je zobrazován.

Pozn. Stejně ti ikony sami zmizí při určité šířce.
Lepší je ikony vložit pod článek.

peeeeta píše:
Poptávka dovolím si tě trošku opravit.
Musí tam připsat

Kód: Vybrat vše
.dd_inner {float: right!important;
width: auto!important;}

Ale je špatně, že vše staví na jednom rozestavění. Design by se měl přizpůsobit podle toho na jakém zařízení je zobrazován.

Pozn. Stejně ti ikony sami zmizí při určité šířce.
Lepší je ikony vložit pod článek.

zkusil jsem to. přesně musí dát :

.dd_inner {
position: relative;
float: right !important;
width: auto !important;
}

:-D

v id="dd_ajax_float" má totiž hodnotu absolutní

peeeeta píše:
Máš tam hned několik chyb.
Očividně máš u body neustále stejnou šířku i přesto, že tam není tak velká šířka pro prvky potřeba.

Kód: Vybrat vše
margin: 0px auto 0px 40px;

Jo. Tohle maká! :) EDIT: No jo, ale teď je to nalepené na levou stranu, i v desktopovém prohlížeči. Vrátil jsem to zpět.

Kohy píše:

Jo. Tohle maká! :) EDIT: No jo, ale teď je to nalepené na levou stranu, i v desktopovém prohlížeči. Vrátil jsem to zpět.

No právě, je to udělané pro komplet všechny. Proto to chce udělat, jeden vzhled pro tablety, mobily a desktopy.

Poptávka: Ano je to tak :D. Ale s tím jsem již nějak počítal, když to tam v kódu již měl ;)

Ptám se, je nutné mít responzivní design když už většina smartphonů vlastní FHD rozlišení? :)