Tab Section ist not responsive - Support | Kriesi.at

Tagged: responsive, tabs

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

Author

Posts
February 26, 2019 at 3:47 pm #1071845

Mainfilmtv
Participant

Hi there,

we are using tab-sections and they are not responsive. The text is much wider than the device itself.

Screenshot: https://imgur.com/a/euRMZwL
One of our sites for example: https://mainfilm.tv/leistungen-frankfurt/aftermovie-frankfurt/eventfilm-frankfurt/

We dont use any custom CSS. Do you can help us with this problem.

WordPress: 5.0.3
Envato: 4.5.4

Best Regards

March 1, 2019 at 5:11 pm #1073268

Victoria
Inactive Moderator

Hey Mainfilmtv,

Can you disable caching and minification for now?

Best regards,
Victoria

March 4, 2019 at 1:12 pm #1074344

Mainfilmtv
Participant

Hey Victoria,

caching and minification is now disabled.

best regards
patrick

March 6, 2019 at 9:15 pm #1075638
Victoria
Inactive Moderator
Hi Mainfilmtv,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
```
.av-layout-tab-inner .container {
    max-width: 100vw;
}
```
If you need further assistance please let us know.

Best regards,
Victoria
March 7, 2019 at 11:47 am #1075936

Mainfilmtv
Participant

Thank you, but its not working. The css-rule seems to be overriden from another:

View post on imgur.com

March 9, 2019 at 7:05 am #1076599
Rikard
Keymaster
Hi,

Please try this instead:
```
.av-layout-tab-inner .container {
    max-width: 100vw !important;
}
```
Best regards,
Rikard
March 14, 2019 at 9:50 am #1078614

Mainfilmtv
Participant

Now we have this mistake here: https://ibb.co/9qNksDW

On the homepage, tabs:
WERBEFILM
MEDIASERVICES

March 14, 2019 at 8:15 pm #1078847

Victoria
Inactive Moderator

Hi Mainfilmtv,

Can you disable caching and minification for now?

Best regards,
Victoria
Author

Posts

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

You must be logged in to reply to this topic.