Mobilní menu se nezobrazuje + zvláštní případ zarovnání menu

[lukelukeParticipant]

vytvářím teď eshop na této subdoméně: http://test2.lukas-ptacek.cz .

Z nějakého důvodu se mi tam nezobrazuje mobilní menu. Vše je tam z mého pohledu nastaveno správně. Když zmenším okno prohlížeče do mobilní velikosti, tak když najedu myší do oblasti menu, tak se dokonce zobrazuje že tam logo a menu je, ale není nic zobrazeno.

Dále potřebuji zarovnat menu vedle loga napravo jak v headeru tak i ve sticky menu. Ve vzdálenosti asi o 50% menší než je teď ve sticky (rolovacím menu). Celý ten header u této šablony je řešený pro mě trochu neobvykle stylem např. col-sm-3 col-lg-3 col-xl-3 header-logo-wrapper apod. U jiných šablon jsem u menu dal jednoduše float: right , a bylo to.

Eshop je postavený na stejné šabloně jako tento eshop hubobeauty.cz , a tam se mobilní menu zobrazuje naprosto v pořádku.

Snažím se na to tady přijít už mnoho hodin a bez výsledku (Jinak bych nepsal. maximálně si více či méně rozhodím záhadně header a nebo celou strukturu stránek).

Header půjde upravit snadněji. Tohle je struktura:

<header id=header class=header-layout-5>
	<div class=container>
		<div class=wowmall-main-navigation-wrapper>
			<div class=row>
				<div class="col-sm-3 col-lg-3 col-xl-3 header-logo-wrapper">
					<?php wowmall_get_logo(); ?>
				</div>
				<div class="col-sm-9 col-md-9 col-lg-9 combined_nav">
					<?php wowmall_tags()->nav(); ?>
					<div class=header-tools-wrapper>
						<div class=header-tools>
						
							<?php wowmall_tags()->account(); ?>
							<?php wowmall_cart(); ?>
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>

Vůbec netuším jak se s tím pošpásovat aby menu bylo zarovnáno jak je potřeba.

A proč se nezobrazuje mobilní menu je pro mě úplně záhada. Prošel jsem úpravy v css ( i jsem všechny úpravy vymazal a vyzkoušel jestli to nepojede – ne . ) Tak jsem znovu nahrál i celý css soubor šablony, taky beze změny. To mobilní menu tam je, když se najede myší do pravého horního rohu – objeví se ikona ruky a po kliknutí se zobrazí mobilní menu – ale celé menu je přitom jakoby schované – logo, tlačítka …

Pomůže někdo prosím?

[lukelukeParticipant]

Tak nezobrazování toho mobilního menu způsobuje Visual Composer . Je to zvláštní protože na jiném eshopu to funguje v pořádku.

Ale jak přizpůsobit rozměry toho headeru pořád moc nevím.

[lukelukeParticipant]

Nezobrazování mobilního menu způsoboval konkrétně zapnutí prvku Parallax u prvního obrázku, který je přes celý řádek. Jakmile jsem parallax vypnul tak mobilní menu začalo fungovat. Kdyby to někomu pomohlo.

Header menu jsem nějak polepil. Ale pořád nevím jak to pořádně funguje. Ještě jsem se nesetkal s tímhle způsobem viz kód výše. Vždycky zatím jsem v css zadal tolik a tolik px bude tady a tady a pak to samé pro mobilní verze apod.
Kdyby se někomu chtělo, tak to může prosím vysvětlit a jak se v tom orientovat, případně sem hodit nějaký užitečný link.

Třeba se to bude někomu hodit do budoucna.

Díky za tohle forum.

Ať se daří!

[Autor]

Příspěvky