How to hide the last Tab – responsive issue

If you can link to the page where you are using the plugin, I will have a look and suggest how to achieve this.

What have you tried already? What is the purpose of hiding the last tab?

Unfortunately I am working only on localhost. Up till now I have managed to hide the panel section adding this code to css file

.responsive-tabs .responsive-tabs__panel[aria-labelledby="tablist1-tab4"] {
                  display: none;
		  visibility:hidden;
    }

but I still cannot remove the heading for this tab. It is visible and clickable. I tried with last-child selector for .responsive-tabs .responsive-tabs__heading but without any success.

Without seeing it I can’t be sure that this will work, but assuming that my understanding of your requirement is correct – that you want all tabs displayed when they are shown as tabs, and all but the last one to display when the tabs are shown as an accordion, try adding following rule to your custom styles:

.responsive-tabs h2.tabtitle:last-of-type {
	display: none;
}

This may not need to be within a media query targetting the viewport width for mobile sizes, but it may be tidier if it is.

Worked! You are brilliant! Thank you very much ??

Resolved!

I’m glad that worked for you. If you would like to leave a review of the plugin, feel free to do so at: https://www.ads-software.com/support/view/plugin-reviews/tabby-responsive-tabs