Responsiv Header Ausblenden-Button
Autor: Patrick F.
Besucht 959,
Followers 1,
Geteilt 0
Wie kann ich den Header in der Responsiven Ansicht so gestalten, wie es Incomedia in seiner Werbung gemacht hat - meint den Button zum Aus und Einblenden (siehe Bild).
Vielen Dank!
Gepostet am
Meinst Du den Header der erscheint wenn man nach unten scrollt? Das ist die StickyBar. Die findet man unter 2 Vorlage. Da kannst Du sie bearbeiten und auch komplett ausblenden.
Autor
Nein, nicht komplett ausblenden sondern so wie hier bei Incomedia - ein und ausblenden per Button:
https://livepreview.incomedia.eu/pluginapps/101ac574-1176-4270-b21b-35130e45fc5.php?bar=1
???????
Franz-Josef er mein diese lievpreview Bar
<div id="market" class="livepreview_bar open">
<div class="header">
<div class="container">
<div class="logo">
<a href="https://market.websitex5.com/">
<img src="https://d33s48lcrmbkow.cloudfront.net/3.0/market_logo.png" alt="WebSite X5 Market Place">
</a>
</div>
<div class="title">
<h1>
Image Zoom
<span class="version">Version des Objekts: 15</span>
</h1>
</div>
<div class="icons">
<span class="responsive_icons">
<span class="responsive_check"><img src="https://d33s48lcrmbkow.cloudfront.net/3.0/responsive_ok.png"></span>
</span>
</div>
</div>
</div>
<div class="btn_open_close-cont">
<span class="fa-stack btn_open_close" onclick="openClose(this);">
<i class="fa fa-circle"></i>
<i class="fa open_close"></i>
</span>
</div>
</div>
Danke, Andreas.
Das ganze ist ja anscheinend kein allgemein verfügbares oder kaufbares Objekt. Und so etwas selbst einzubauen wird nicht ganz einfach. Es sind ja zumindest auch noch Javascript und Style-Definitionen erforderlich.