MemberJuly 15, 2021 at 9:03 am
first – you do great work! thank you for the super plugin!
unfortunately, however, I am struggling with the responsivity of the tabbed content.
maybe you have a tip for me, how I can proceed here?
MemberAugust 11, 2021 at 12:02 pm
If you open the page on a mobile device or in mobile view, you will see that the content and the buttons are cut off.
Unfortunately something seems to be wrong with the responsivity?
Would be great if the buttons slide over each other, so that neither the buttons nor the content is cut off.
Thanks for the help
MemberAugust 24, 2021 at 6:32 am
any tips or help? (:
MemberAugust 24, 2021 at 9:18 pm
Hi @nikoendres ! I’m currently unable to access the page you linked. I remember being able to access it when you initially posted it, but I’m not sure what changed this time. Please check.
MemberAugust 25, 2021 at 7:29 am
Oh damn, there was a problem with the cache. Now it should work again. Thanks for your help!
MemberAugust 25, 2021 at 2:17 pm
I’m still completely unable to access anything from your site, unfortunately.
If all else fails, how about posting the page elsewhere as long as the JS and CSS files for it are intact?
MemberAugust 26, 2021 at 8:28 am
sorry here it looked like the problem was solved.
I have now tested the site from different locations and devices – it should now be accessible again.
You can find the erroneous responsive behavior at: https://dev.windata.de/produkte/windata/windata-professional-9/
MemberAugust 27, 2021 at 2:31 am
Hey @nikoendres ! It works now.
Anyway, I noticed that the tabbed content block is within another block. Upon moving it outside the container, the contents of each tab started to resize properly according to screen size. You can try it for yourself to see if it works on your end.
The tab buttons, however, would sometimes not fit the screen, and the font size of the tab button texts might need to be adjusted. For the tab button texts, you may start with this custom CSS:
word-break: initial; font-size: 12px;
You can adjust the font size as needed.
Please let us know how it goes.
MemberAugust 27, 2021 at 2:39 am
Also, if you haven’t tried it yet, there are other tab layout options in the block inspector, where, in addition to the default horizontal setting, you can set the layout to vertical or turn them into accordions for specific devices or screen sizes.
MemberAugust 27, 2021 at 8:07 am
thank you for your feedback!
However the extra box could slip in there…. Thanks for your help now it looks good (: