Hello, my icon is now showing up when on the right panel. (When reloading page its working)
Whats wrong with my code? I thought i have everything in it.
app.f7.html
<div class="panel panel-left panel-cover theme-dark panel-init">
<div class="view">
<div class="page">
<div class="page-content slider-left">
<div class="block">
<div class="list links-list">
<ul>
<li>
<a href="/home/" class="panel-close Textbold Textnormalblue ">Dashboard</a>
</li>
<li>
<a href="/dates-list/" class="panel-close Textnormalblue Textbold">Terminliste</a>
</li>
<li>
<a href="/available/" class="panel-close Textnormalblue Textbold">Verfügbarkeiten</a>
</li>
<li>
<a href="/dates/" class="panel-close Textnormalblue Textbold">Kalender</a>
</li>
<li>
<a href="/todo/" class="panel-close Textnormalblue Textbold">To-Do-Liste</a>
</li>
<li>
<a href="/contact/" class="panel-close Textnormalblue Textbold">Kontakte & Gruppen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Right panel with reveal effect-->
<div class="panel panel-right panel-reveal theme-dark">
<div class="view">
<div class="page">
<div class="navbar">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="title">Right Panel</div>
</div>
</div>
<div class="page-content">
<div class="block">Right panel content goes here</div>
</div>
</div>
</div>
</div>
home.f7.html
<div class="navbar">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="left">
<a href="#" class="link icon-only panel-open" data-panel="left">
<i class="icon f7-icons if-not-md">menu</i>
<i class="icon material-icons if-md">menu</i>
</a>
</div> <div class="right">
<a href="/settings/" class="link icon-only" data-panel="right">
<i class="icon f7-icons if-not-md">gear_alt</i>
<i class="icon material-icons if-md">gear_alt</i>
</a>
</div>
<div class="title">Titel</div>
</div>
</div>