Ako na nastavenie responzívnosti loga?

5. 6. 2018 12:24:55

Zdravím vás,

Prosím vás je nejaký jednoduchý spôsob ako nastaviť, aby bolo logo responzívne a v pohode fungovalo na všetkých mobilných zariadeniach?

Síce už nejakú dobu používam responzívnu šablónu a mal som pocit, že responzibilitu mám teda vyriešenú, dnes som pri úprave jedného z článkov zistil, že tomu tak vôbec nieje a že môj parfumový eshop teda nie je responzívny ako som si myslel :)

Nezvyknem si moc web prezerať v mobile čo je škoda lebo by netrvalo takú dlhú dobu kým som zistil, že mi logo nefunguje responzívne.

Prosím vás, dá sa to opraviť nejakou jednoduchou úpravou CSS kódu alebo bude treba vymeniť logo?

V prílohe posielam ukážku loga v mobile a jeho "responzívne" zobrazenie.26728

Ďakujem a prajem pekný deň.

5. 6. 2018 12:24:55

https://webtrh.cz/diskuse/ako-na-nastavenie-responzivnosti-loga/#reply1349862

Marián

(4 hodnocení)

5. 6. 2018 12:29:01

https://webtrh.cz/diskuse/ako-na-nastavenie-responzivnosti-loga/#reply1349861

Smazaný účet hvLPwPN09D

(3 hodnocení)

5. 6. 2018 14:53:19

Sice trochu offtopic, ale jaký máte bounce rate na mobilech? Ta výzva k chatování je docela mazec. To nikoho neruší?

5. 6. 2018 14:53:19

https://webtrh.cz/diskuse/ako-na-nastavenie-responzivnosti-loga/#reply1349860

node

(5 hodnocení)

5. 6. 2018 14:57:07

nestacilo by ti ?

5. 6. 2018 14:57:07

https://webtrh.cz/diskuse/ako-na-nastavenie-responzivnosti-loga/#reply1349859

Martin Balko

6. 6. 2018 09:13:04

Napsal node;1467569
nestacilo by ti background-size: cover; ?

ďakujem, a kam konkrétne to vložiť? = v CSS viem len toľko keď mi niekto napíše čo presne a kam :) ako napr. príspevok vyššie od hFOUr :)

rád vyskúšam aj tvoju radu, len mi prosím povedz kam ten kód vložiť :) ďakujem

---------- Příspěvek doplněn 06.06.2018 v 09:15 ----------

Napsal hFOUr;1467536
a#logobox img { max-width: 100%}

Ďakujem veľmi pekne - super teraz to v mobile funguje výborne. Len menší detail = zmenšilo to logo aj v PC čo sa síce dá "obetovať", no nebolo by náhodou riešenie čo by zachovalo logo v PC v normálnej veľkosti (konkrétne 373px;) a zmenšilo to len v mobiloch?

v každom prípade veľmi pekne ďakujem za pomoc a za vyriešenie problému ďakujem :)

6. 6. 2018 09:13:04

https://webtrh.cz/diskuse/ako-na-nastavenie-responzivnosti-loga/#reply1349858

Marián

(4 hodnocení)

6. 6. 2018 10:14:45

Na PC ti to zmensilo preto, lebo div, v ktorom sa dane logo nachadza, ma maximalnu sirku cca 23% celej sirky webu, tzn. cca 270px.

A logo sa roztiahne na maximalnu sirku 270px.

Ak to chces zvacsit, odporucam to zmenit priamo v HTML kode temy (ak tam mas pristup), ktoru vyuzivas, pretoze header mas rozdeleny na 3 stlpce, pricom ten stredny (aktualne prazdny) je zbytocne velky.

Takze by som zmenil toto:

6. 6. 2018 10:14:45

https://webtrh.cz/diskuse/ako-na-nastavenie-responzivnosti-loga/#reply1349857

Martin Balko

7. 6. 2018 09:01:54

Ďakujem, skúsil som (tie

...

boli tri alebo štyri, myslel som že mám nájsť len jeden.. :) )

v každom prípade som zmenil všetky tak ako si mi napísal a stránku rozhodilo, lebo sa zmenila aj veľkosť lavého panela - printscreen

v každom prípade je zaujímavé že ten prázdny stredný stĺpec je prádzny - zistím čo sa tam dá dať a či vôbec.. Ďakujem ti veľmi pekne za rady, ak by si niekedy hľadal či potreboval nejaký parfum, máš ho u mňa za veľkoobchodné ceny ;)

26737

7. 6. 2018 09:01:54

https://webtrh.cz/diskuse/ako-na-nastavenie-responzivnosti-loga/#reply1349856

Pro odpověď se přihlašte.

Přihlásit