How to remove the overlappings

Resolved niclasto
(@niclasto)

12 years, 1 month ago

Hi,

first of all thank you for your plugin. It´s great, but I have a problem with it. It tried to remove the overlappings inside the laps but so far it hasn´t worked. I read another post here but unfortunately it didn´t help me. I also tried to remove the following could or just a part of it:
.responsive-tabs .responsive-tabs__list__item–active,
.responsive-tabs .responsive-tabs__list__item–active:hover {

After removing the overlappings are gone but also the content for each tab.

I hope you can help me!
Thanks a lot

Niclas

https://ww.wp.xz.cn/plugins/tabby-responsive-tabs/

Viewing 8 replies - 1 through 8 (of 8 total)

Plugin Author cubecolour
(@numeeja)

12 years, 1 month ago

I don’t understand what you mean by “overlappings inside the laps” Can you link to the page on your site please, so I can see what is happening?

Thread Starter niclasto
(@niclasto)

12 years, 1 month ago

Hi,
sorry for being incomprehensible.
Here is the link:
http://www.wasseraktien.net/impressum/
It´s rather a test now I created to show you the problem.
When I click on a tab, the tab overlaps with another one, so it´s difficult to click the other tab.

Hope it´s now clear
Plugin Author cubecolour
(@numeeja)

12 years, 1 month ago
If you had fewer tabs it would look right but you have too many tabs for them to fit in a single row.

The only way to get that many tabs to look OK on a age of that width is to force the tabs to always display as an accordion instead of tabs by following the instructions in the documentation to use custom css and changing the breakpoint defined by the media query width values
eg in the customised version change
```
@media (min-width: 768px) {
```
to
```
@media (min-width: 1168px) {
```
and
```
@media (max-width: 767px) {
```
to
```
@media (max-width: 1167px) {
```
Thread Starter niclasto
(@niclasto)

12 years, 1 month ago

So you mean that I don´t change @media (max-width: 767px) { ??

Plugin Author cubecolour
(@numeeja)

12 years, 1 month ago

Apologies – I’ve edited my reply above as I hadn’t included the increased value of the max-width

Thread Starter niclasto
(@niclasto)

12 years, 1 month ago

Ok I tried but it still looks the same. Maybe there are just too many tabs

Plugin Author cubecolour
(@numeeja)

12 years, 1 month ago

You are still loading the default tabby.css. You need to follow the instructions in the faq to use custom styles https://ww.wp.xz.cn/plugins/tabby-responsive-tabs/faq/

Thread Starter niclasto
(@niclasto)

12 years, 1 month ago

Ok thank you for your help. I will try it.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘How to remove the overlappings’ is closed to new replies.