Responzívne logo?

Zdravím,

Prosím vás, aké sú možnosti spraviť logo responzívnym? Práve som si pri úpravach článku všimol, že na mojom webe s parfumami nefunguje logo responzívne = v mobiloch "pretŕča" a rozháďže tak mobilnú verziu, inak vcelku fungujúcu..

=ukážka loga v mobiloch v prílohe

je nejaká jednoduchá možnosť úpravy CSS kódu aby sa vždy veľkosť loga prispôsobila?

Alebo je len nutné prerobiť logo a nejakým spôsobom buď ho zmenšiť alebo pridať 2 verzie, jednu pre PC a druhú pre mobil?

Ďakujem,

pekný deň všetkým

Úplně to nejjednodušší je nastavit jedné straně procento. Jsou speciální techniky pro HTML, kdy se může nastavit různá velikost pro různé displeje, ale procenta jsou prostě to nejjednodušší (případně skombinovat s max-width, max-height, atd.)

Ďakujem, už sa to podarilo vyriešiť úpravou max-width., bolo to spôsobené tým, že stránka je rozdelená na rovnomerné 3 stĺpce a na veľkých monitoroch bolo to logo moc malé, tak mu tam tvorca šablóny natvrdo pridal pár PX a to boli práve tie PX, ktoré potom hnevali v mobiloch. Tak som to odstránil, nechal na tú pôvodnú verziu max-width a už to funguje skvelo = aj keď za cenu toho, že v PC je teraz logo menšie.

To však oželiem, dôležitá je najmä používateľnosť. A aj tak mám v pláne meniť logo, tak ho budem riešiť úplne inak.

Ďakujem za pomoc

Ok