Tabby Responsive Tabs not working

deactivate all other plugins to investigate whether there is a conflict. If the tabs appear correctly with no other tabs active, reactivate them one by one until it breaks again to identify which one needs further investigation.

If it does not appear to be a plugin conflict issue, try temporarily switching to the default twenty fifteen theme to investigate whether something in your theme is causing the tabs to not display.

If this still does not indicate the cause – paste into your reply the exact code from your content editor (text editor tab) to show the [tabby] shortcodes you are using.

Hi! I have done everything you said but seems the problem is not fix. Here’s my content editor code:

[Huge entire CSS file removed – https://codex.www.ads-software.com/Forum_Welcome#Posting_Code%5D

<div id="whitening_bar">
<div class="whitening_bar_center">
<p><img class=" aligncenter" src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/Soap.jpg" alt="Frontrow Whitening Bar" /></p>
<div id="button_whitening_bar">
<ul>
	<li>
<div class="btn">Buy Now</div></li>
	<li>
<div class="btnred">Get Discount</div></li>
</ul>
</div>
</div>
<div class="whitening_bar_descript">
<ul>
	<li>
<h4>Get the glow you’ve always wanted!</h4>
01 Skin whitening bar helps lighten skin pigmentation such as age spots, freckles, acne scars and pigmented skin. Continuous use will help reduce hyper pigmentation and give you a younger and brighter looking skin tone. See visible results in just 14 days!</li>
	<li>
<h4>Skin roughness is a thing of the past!</h4>
02 Oatmeal Exfoliant Bar is your second step to the SKIN RENEWAL SYSTEM. Gently nourish your skin with oatmeal to avoid damaged and inflamed skin. Skin soothing agents generously infused in this exfoliant bar will greatly calm one’s complexion.</li>
	<li>
<h4>Expect skin luminosity!</h4>
03 Orange Papaya Bar is your ultimate protection against skin pigmentation such as age spots, freckles, acne scars and uneven skin tone. Continuous use will reduce hyper pigmentation and give you a fairer and brighter skin.</li>
</ul>
</div>
</div>
<div id="power_up">
<div class="power_up_store_bot"><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/2qch1.png" alt="Power Up Bottle" /></div>
<div class="power_up_store_bot_2"><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/Power-Up-Benefits.jpg" alt="Power Up Benefits" />
<div style="clear: both;"></div>
<div id="button_whitening_bar">
<ul>
	<li>
<div class="btn">Buy Now</div></li>
	<li>
<div class="btnred">Get Discount</div></li>
</ul>
</div>
<!-- button_whitening_bar -->

</div>
<!-- power_up_store_bot_2 -->

</div>
<!-- power_up -->
<div id="power_up_store_video">
<div class="power_up_store_video_frame">
<iframe width="700" height="500" src="https://www.youtube.com/embed/AI-OXmt8Anw" frameborder="0" allowfullscreen></iframe>
</div>
<div class="power_up_store_video_text">
Power Up Product Demo
</div>
</div><!-- luxxe_white_store_video -->

I can’t see any [tabby] or [tabbyending] shortcodes there.

I don’t need to see the CSS – that can be viewed from the live page.

I apologize. I copy and paste the wrong page. here’s the page where I am having problem with:

[tabby title="Luxxe White Gallery"]
<div class="Luxxe_white_gallery_image">
<ul>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-1.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-2.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-3.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-4.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-5.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-6.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-7.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-8.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-9.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-10.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-11.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-12.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-13.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-14.jpg" alt="Luxxe White" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-white-15.jpg" alt="Luxxe White" /></li>
</ul>
</div>
[tabby title="Luxxe Protect Gallery"]
<div class="Luxxe_protect_gallery_image">
<ul>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-protect-1.jpg" alt="Luxxe Protect" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-protect-2.jpg" alt="Luxxe Protect" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-protect-3.jpg" alt="Luxxe Protect" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-protect-4.jpg" alt="Luxxe Protect" /></li>
</ul>
</div>
[tabby title="Luxxe Protect Gallery"]
<div class="Luxxe_slim_gallery_image">
<ul>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/Luxxe-Slim-1.jpg" alt="Luxxe 

Slim" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/Luxxe-Slim-2.jpg" alt="Luxxe Slim" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/Luxxe-Slim-3.jpg" alt="Luxxe Slim" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/Luxxe-Slim-4.jpg" alt="Luxxe Slim" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/Luxxe-Slim-5.jpg" alt="Luxxe Slim" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/Luxxe-Slim-6.jpg" alt="Luxxe Slim" /></li>
</ul>
</div>
[tabby title="Luxxe Protect Gallery"]
<div class="Luxxe_renew_gallery_image">
<ul>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-renew-1.jpg" alt="Luxxe Renew" /></li>
<li><img src="https://www.skinwhitening101-intl.com/wp-content/uploads/2015/02/luxxe-renew-2.jpg" alt="Luxxe Renew" /></li>
</ul>
</div>
[tabbyending]

There are some JavaScript errors that are preventing the Tabby script.

Uncaught ReferenceError: fixedHeader is not defined

// nivo slider
jQuery(window).load(function() {
	jQuery('#slider').nivoSlider({ effect: 'fade' });
});

jQuery(document).ready( function(){
	jQuery('blockquote').append('<span class="bubble"></span>');	// add bubble to blockquotes
	var wwd = jQuery(window).width();
	if( wwd > 999 ){
		fixedHeader(); 	// fix header on page scroll
	}
});

jQuery(window).scroll( function(){
	var wwd = jQuery(window).width();
	if( wwd > 999 ){
		fixedHeader(); 	// fix header on page scroll
	}
});

Thank you for spotting that Chris – I thought setsuna.16 had followed the troubleshooting steps to discover whether another plugin or the theme was causing a problem.

setsuna – please check whether the tabs display differently with nivo slider not active.

whew, after several attempts, finally it is now working. Thank you so much for all of your help. It was the javascript errors who’s causing the problem. Thank you again.