logo
05.06.2018 12:24
1
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.Název:  logo_responzivne.png
Zobrazení: 259
Velikost:  38,1 KB

Ďakujem a prajem pekný deň.
05.06.2018 12:29
2
Kód:
a#logobox img {
  max-width: 100%
}
05.06.2018 14:53
3
Sice trochu offtopic, ale jaký máte bounce rate na mobilech? Ta výzva k chatování je docela mazec. To nikoho neruší?
05.06.2018 14:57
4
nestacilo by ti
Kód:
background-size: cover;
?
06.06.2018 09:13
5
Původně odeslal node
nestacilo by ti
Kód:
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 ----------

Původně odeslal hFOUr
Kód:
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 :)
06.06.2018 10:14
6
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:
Kód:
<div class="span3">...</div>
<div class="span5 centerlab hidden-phone">...</div>
<div class="span4">...</div>
na

Kód:
<div class="span4">...</div>
<div class="span4 centerlab hidden-phone">...</div>
<div class="span4">...</div>
07.06.2018 09:01
7
Ďakujem, skúsil som (tie <div class="span4">...</div> 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 ;)

Název:  zmena pomeru.png
Zobrazení: 80
Velikost:  148,2 KB