tab display error

  • This topic has 1 reply, 2 voices, and was last updated 12 months ago by Support. This post has been viewed 695 times
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10043209
    MartiWeb
    Participant

    Switching from the ‘Popular’ tab to the ‘Recent’ tab displays both contents.
    Only the first time.



    Template Version: 4.1.0
    #10043211
    Support
    Keymaster

    Hello, sorry about that issue, it’s missing the “active” class:

    <div class="tabs">
    	<ul class="nav nav-tabs">
    		<li class="nav-item active">
    			<a class="nav-link active" data-bs-target="#popular" href="#popular" data-bs-toggle="tab"><i class="fas fa-star"></i> Popular</a>
    		</li>
    		<li class="nav-item">
    			<a class="nav-link" data-bs-target="#recent" href="#recent" data-bs-toggle="tab">Recent</a>
    		</li>
    	</ul>
    	<div class="tab-content">
    		<div id="popular" class="tab-pane active">
    			<p>Popular</p>
    			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.</p>
    		</div>
    		<div id="recent" class="tab-pane">
    			<p>Recent</p>
    			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.</p>
    		</div>
    	</div>
    </div>

    Kind Regards.


Viewing 2 posts - 1 through 2 (of 2 total)

This topic is marked as "RESOLVED" and can not rceive new replies.