Hello Everybody
Sadly, I cant solve this problem..
Basically I have a text, that gets shown on Desktop, but not on mobile.
What I have found out is that there are 2 different nav bar codes, one for mobile and one for desktop, but I am not sure if that's the problem.
ON DESKTOP:
ON MOBILE:
This is the Code where the text is inside:
Code:
<div class="tg-sliderbox">
<div class="tg-imglayer">
<img src="images/bg-pattran.png" alt="image desctription">
</div>
<div id="tg-home-slider" class="tg-home-slider tg-haslayout">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="container">
<figure class="floating">
<h1 style="font-size:450%; color:white">Chum bring mi hei, chum bring mi...</h1>
</figure>
</div>
</div>
</div>
</div>
</div>
and this is the navigation bar code:
Code:
<!--************************************
Mobile Menu Start
*************************************-->
<div id="tg-navigationm-mobile" class="tg-navigationm-mobile tg-navigation collapse navbar-collapse">
<span id="tg-close" class="tg-close fa fa-close"></span>
<div class="tg-colhalf">
<ul>
<li class="active menu-item-has-children">
<a href="index.html">Home</a>
</li>
<li class="menu-item-has-children">
<a href="1mannschaft.html">1. Mannschaft</a>
<ul class="tg-dropdown-menu">
<li><a href="1mannschaft.html">Kader</a></li>
<li><a href="bilder1mannschaft.html">Bilder & Videos</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a href="#">Junioren</a>
<ul class="tg-dropdown-menu">
<li><a href="djunioren.html">D - Junioren</a></li>
<li><a href="ejunioren.html">E - Junioren</a></li>
<li><a href="fjunioren.html">F - Junioren</a></li>
<li><a href="gjunioren.html">G - Junioren</a></li>
<li><a href="bilderjunioren.html">Bilder & Videos</a></li>
</ul>
</li>
</ul>
</div>
<div class="tg-colhalf">
<ul>
<li class="menu-item-has-children">
<a href="senioren.html">Senioren</a>
<ul class="tg-dropdown-menu">
<li><a href="senioren.html">Kader</a></li>
<li><a href="bildersenioren.html">Bilder & Videos</a></li>
</ul>
</li>
<li><a href="">Geschichte</a></li>
</li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
</div>
<!--************************************
Mobile Menu End
*************************************-->
<!--************************************
Header Start
*************************************-->
<header id="tg-header" class="tg-header tg-haslayout">
<div class="container">
<div class="col-md-10 col-md-offset-1 col-sm-12 col-xs-12">
<div class="row">
<div class="tg-topbar tg-haslayout">
<nav id="tg-topaddnav" class="tg-topaddnav">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#tg-addnavigationm-mobile">
<i class="fa fa-arrow-right"></i>
</button>
</div>
<div id="tg-addnavigationm-mobile" class="tg-addnavigationm-mobile collapse navbar-collapse">
<div class="tg-colhalf pull-right">
<nav class="tg-addnav">
<ul>
<li>
</li>
</ul>
</nav>
</div>
</div>
</nav>
</div>
<nav id="tg-nav" class="tg-nav brand-center">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#tg-navigationm-mobile">
<i class="fa fa-bars"></i>
</button>
<strong class="tg-logo">
<a href="index.html"><img src="images/logo.png" alt="image description"></a>
</strong>
</div>
<div id="tg-navigation" class="tg-navigation">
<div class="tg-colhalf">
<ul>
<li class="active">
<a href="index.html">Home</a>
</li>
<li>
<a href="1mannschaft.html">1. Mannschaft</a>
<ul class="tg-dropdown-menu">
<li><a href="1mannschaft.html">Kader</a></li>
<li><a href="bilder1mannschaft.html">Bilder & Videos</a></li>
</ul>
</li>
<li>
<a href="#">Junioren</a>
<ul class="tg-dropdown-menu">
<li><a href="djunioren.html">D - Junioren</a></li>
<li><a href="ejunioren.html">E - Junioren</a></li>
<li><a href="fjunioren.html">F - Junioren</a></li>
<li><a href="gjunioren.html">G - Junioren</a></li>
<li><a href="bilderjunioren.html">Bilder & Videos</a></li>
</ul>
</li>
</ul>
</div>
<div class="tg-colhalf">
<ul>
<li>
<a href="senioren.html">Senioren</a>
<ul class="tg-dropdown-menu">
<li><a href="senioren.html">Kader</a></li>
<li><a href="bildersenioren.html">Bilder & Videos</a></li>
</ul>
</li>
<li><a href="">Geschichte</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
Thank you in advance if anybody can help me solve this..