Prosím o radu: žlutá lišta v headeru eshopu

eshop0

(3 hodnocení)

22. 2. 2020 04:07:06

Zdravím,

upravuji vzhled šablony na demo účtu a nemůžu přijít na to, proč se mně nezobrazuje žlutá lišta nahoře v headeru.

Boty, obuv – dámská, pánská | Outlet | Podologie | www.sutor.cz | svět na nohou

zde:

Obchod

Pokud nastavím nastavím display: none u myTopstripe (tak by se měla jmenovat ta lišta), dostanu stejný výsledek jako na demo účtu. Vypadá to jen, že tam neni jen napojená. Celé se to posune nahoru a je to rozhozené, poradíte, jak to udělat?

.myTopStripe{

background:#acd373;

background:#FFDF01;

width:100%;

height:auto;

}

.myTopStripe .cont{

width:100%;

color:#784C2F;

height:auto;

margin:0 auto 0;

padding:10px;

text-align:center;

font-size:16px;

}

22. 2. 2020 04:07:06

https://webtrh.cz/diskuse/prosim-o-radu-zluta-lista-v-headeru-eshopu#reply1440256

Liscata

(7 hodnocení)

22. 2. 2020 10:33:02

Zdravím,

pokud z obchodu vyhodíte lištu .myTopStripe, tak se to posune nahoru správně. Problém tam dělá ten hnědý pruh, který má na webu absolutní pozici s TOP odražením. Ten pruh najdete v dalším DIVu pod .myTopStripe, tedy přesně je to v CSS

V souboru sablona-v1.css na řádku 161:

.content-top .separator::before

S použitím žlutého pruhu má top: 36px;.... Pokud nastavíte 0px, tak to bude v pořádku

Tedy na demo účtu stačí upravit CSS pro BEFORE separatoru na TOP: 0px a budete to mít v pohodě.

22. 2. 2020 10:33:02