Thread: HTML doesnt show text

Results 1 to 2 of 2
  1. #1 HTML doesnt show text 
    Registered Member
    Join Date
    Nov 2021
    Posts
    1
    Thanks given
    0
    Thanks received
    0
    Rep Power
    0
    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:

    Attached image

    ON MOBILE:

    Attached image


    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..
    Reply With Quote  
     

  2. #2  
    Tarnish Community Manager

    Graves's Avatar
    Join Date
    Oct 2018
    Posts
    84
    Thanks given
    155
    Thanks received
    43
    Rep Power
    369
    Quote Originally Posted by cb54 View Post
    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:

    Attached image

    ON MOBILE:

    Attached image


    This is the Code where the text is inside:

    Code:
    <div class="tg-sliderbox">
    			<div class="tg-imglayer">
    				<img src="https://www.rune-server.ee/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="https://www.rune-server.ee/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..
    Post your CSS
    Discord: Graves4571
    Unique ID: 764532897096138762

    Attached image
    Reply With Quote  
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Similar Threads

  1. Replies: 0
    Last Post: 02-05-2013, 12:36 AM
  2. 614 Player doesnt show , GIVING BIG
    By H8ter in forum Buying
    Replies: 1
    Last Post: 09-05-2011, 11:33 PM
  3. Chat Text Above Head Doesnt Show Up!
    By Division in forum Help
    Replies: 10
    Last Post: 03-03-2011, 09:29 PM
  4. Replies: 3
    Last Post: 08-09-2010, 06:12 PM
  5. prayers doesnt show giving rep++
    By Darkie in forum Help
    Replies: 2
    Last Post: 02-23-2009, 07:05 PM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •