Zadejte hledaný výraz...

Responzivní uspořádání loga a vyhledávání při zmenšení

Potřebuji poradit s responzivní grafikou http://mikyhracky.cz/test.html. Logo jsem zvětšil a nyní se mně nedaří při zmenšení rozlišení dobře uspořádat logo a vyhledávání. Vyhledávání se bohužel vždy posune až nad samotné logo a bohužel nevím, jak použít ve správném pořadí col-lg-4 col-md-4 col-sm-4 col-xs-12
Moc děkuji za výpomoc.
19. 8. 2017 16:55:06
https://webtrh.cz/diskuse/responzivni-usporadani-loga-a-vyhledavani-pri-zmenseni/#reply1296242
Petr Pojer
verified
rating uzivatele
(9 hodnocení)
19. 8. 2017 17:50:52
U ".search", ".search form input" a ".search form input" máš nastavenou pevnou šířku. Proto ti vyhledávání přetéká ze sloupce přes logo.
19. 8. 2017 17:50:52
https://webtrh.cz/diskuse/responzivni-usporadani-loga-a-vyhledavani-pri-zmenseni/#reply1296241
To bohužel nepomůže. Naopak je pak search rozhozený. Chybu vidím ve špatně rozloženém col-lg nebo col-md nebo col-sm. Šířku jsem u search odstranil, tak se můžete podívat, jak to vypadá.
19. 8. 2017 18:01:18
https://webtrh.cz/diskuse/responzivni-usporadani-loga-a-vyhledavani-pri-zmenseni/#reply1296240
Petr Pojer
verified
rating uzivatele
(9 hodnocení)
19. 8. 2017 18:16:05
Jistěže je pak rozhozený. Nestačí šířku odstranit. Je potřeba to celé pro resp. verzi přestylovat. Nebo to přestylovat rovnou, aby to nebylo natvrdo v px, ale např. v %. Pak to bude fungovat.
19. 8. 2017 18:16:05
https://webtrh.cz/diskuse/responzivni-usporadani-loga-a-vyhledavani-pri-zmenseni/#reply1296239
Jan.H
verified
rating uzivatele
(1 hodnocení)
19. 8. 2017 18:25:38
col-sm-4 má 33.333% width, je nesmysl tam dávat tomu .search šířku v px, udělal bych něco jako
.search {
width: 100%;
margin: 0;
}
takhle to vždy vyplní šířku containeru na 100% a nic nepřetéká ven.
19. 8. 2017 18:25:38
https://webtrh.cz/diskuse/responzivni-usporadani-loga-a-vyhledavani-pri-zmenseni/#reply1296238
Pro odpověď se přihlašte.
Přihlásit