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

19. 8. 2017 16:55:06

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

(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

Vladimír Večeřa

(94 hodnocení)

19. 8. 2017 18:01:18

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

(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

(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