Centred tabs are not part of the feature set of the plugin and the required CSS to achieve a custom display like this can be fairly complex so it is not within the scope of the free support I am able to provide.
I understand. Thank you for getting back to me.
Hi Jessy, I’m looking to do something similar, and this got things rolling:
For the style .responsive-tabs ul.responsive-tabs__list add:
display: flex;
justify-content: center;
Note justify-content: space-around; or justify-content: space-evenly; works well too. Not sure about browser support for ‘evenly’.
Then to make this change work with small screens, modify this style to fix the specificity:
@media (max-width: 767px) {
.responsive-tabs .responsive-tabs__list {
display: none;
}
to:
@media (max-width: 767px) {
.responsive-tabs ul.responsive-tabs__list {
display: none;
}
Probably not perfect, but a start.
