Zobrazení webu – problém

[HackParticipant]

Dobrý den,
řešíme problém s responzivností webu, zakoupili jsme šablonu(Symetrio) která měla být responzivní, jenže jsme na webu dělali několik úprav, např. posunutí loga, změna velikosti…apod.
Od té doby se web špatně zobrazuje na mobilních zarízeních a některých nestandardních rozlišeních.
Poradíte prosím někdo co s tím? Příp. kolik by stála úprava webu aby to vypadalo dobře na všech rozlišeních.

Více info na mailu hackman32@seznam.cz
Nechci sem psát o jaký web se jedná.
Díky.

[endwinParticipant]

K naruseni responzivity pravdepodobne doslo pevnym nastavenim nejakeho rozmeru pro desktop zobrazeni a nasledne na mobilu se tento rozmer zachova, ikdyz je sirka stranky mnohem mensi.
Lze to vyresit pomoci css a nastavenim limitnich velikosti.
Priklad:

<style>
    .neco {
        width:800px;
    }
    .neco2 {
        width:850px;
    }
@media only screen and (max-width:900px) {
    .neco {
        width:400px;
    }
    .neco2 {
        width:450px;
    }
}
@media only screen and (max-width:480px) {
    .neco {
        width:100px;
    }
    .neco2 {
        width:150px;
    }
}
</style>

prvek s class neco bude mit do sirky 480px sirku 100px, od 480px do 900px sirku 400px a pro vetsi 800px.
To same lze se zapisem:

<style>
@media only screen and (min-width:480px) {
    .neco {
        ...
    }
    .neco2 {
        ...
    }
}
</style>

Nebo lze vyresit zadavanim v procentech.

[HackParticipant]

Díky, zkusím to, snad to pomůže.

[Autor]

Příspěvky