Place Tabs at bottom instead of top

This is not supported by the plugin.

It would probably be possible to achieve this with a modification add-on, however I do not have any sample code for this and I would only be able to work on this if I needed it for one of my own projects (which is unlikely) or if someone was to commission the work.

Yep, it can be done with css.

I did it this way:

.responsive-tabs .responsive-tabs__panel {
    background: none!important;
    border: 0 none!important;
    border-top: 0 none!important;
}

.responsive-tabs {
position:relative;
padding-bottom: 5%;
}

.responsive-tabs ul.responsive-tabs__list {
    position: absolute;
    bottom: 0;
    left: 50%;
}

.responsive-tabs li.responsive-tabs__list__item {
position: relative; 
left: -50%;
}

.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
    background: none!important;
    border-color: none!important;

}

• This reply was modified 8 years, 1 month ago by Mary.