I use echo KB WordPress plugin to show my website Faqs. but the problem is I have 7 different categories and plugin supports only 6 categories for displaying items in tabs layout and when you add 7th category its face automatically changes to the dropdown menu, not tabs. so I want to have 7 tabs without converting to the drop-down. I reviewed all PHP and JS files in this plugin and I found this JS file that I think is related to my problem ( where //dropdown begins) :
// Tabs Layout: switch to the top category user clicked on
tabContainer.find( navTabsLi ).each(function(){
$(this).on('click', function (){
tabContainer.find( navTabsLi ).removeClass('active');
$(this).addClass('active');
tabContainer.find(tabPanel).removeClass('active');
changePanels ( $(this).index() );
updateTabURL( $(this).attr('id'), $(this).data('cat-name') );
});
});
// Tabs Layout: MOBILE: switch to the top category user selected
$( "#main-category-selection" ).change(function() {
tabContainer.find(tabPanel).removeClass('active');
// drop down
$( "#main-category-selection option:selected" ).each(function() {
var selected_index = $( this ).index();
changePanels ( selected_index );
updateTabURL( $(this).attr('id'), $(this).data('cat-name') );
});
});
function update_query_string_parameter(uri, key, value) {
var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
var separator = uri.indexOf('?') !== -1 ? "&" : "?";
if (uri.match(re)) {
return uri.replace(re, '$1' + key + "=" + value + '$2');
}
else {
return uri + separator + key + "=" + value;
}
}
Echo Knowledge Base Plugin Download Page: https://wordpress.org/plugins/echo-knowledge-base/
</div>