-
Posts
-
Hi,
on the right 1/2 column of https://chiway.dadanddaughter.design/diplom-lehrgaenge/akupunktur-und-tuina/#inhalte there is an accordeon. Inside of some of them there are expand/collapse areas based on HTML 5 details/summary. Particularly the last one (OdA-Modul M6 – Praktikum) on the bottom there are 2 areas (PB1 Methodenpraxis + PB2 Fallbesprechungen), but the container height doesn’t expand to full text height – the content is cut. How can I solve this to expand the container to show the whole text?
At the bottom of https://chiway.dadanddaughter.design/chiway-akademie/ there is a tab section with portfolios inside. On first page load the portfolio “Team” is cut and doesn’t show full height. When going to next tab and back again the height is correct. What can be the reason?
I read some articles here concerning deep link to a certain tab of a tab section, open this tab and jump to the beginning of the tab section. Is there an up-to-date solution for this?
Many thanks
StefanHi,
Thanks for your patience, for your team page this css seems to help:#top #main .av-layout-tab-inner { overflow: visible !important; }but I was not able to find a solution for your first page, I tried many different ideas, and couldn’t find the cause.
Best regards,
MikeHi Mike,
many thanks! Your css works but causes huge white spaces on an other page with a tab section. I solved this with a restriction to the specific .page-id
(anyhow I wonder why it works when you click on the second tab and go back to Team-tab)The first page problem seems to be a similar issue. If I put the column including the accordeon element outside of the tab section the expansion of the details works. I applied the overflow: visible !important; to this page too and now there is more content visible but not all. Any idea to that?
And maybe you have an actual solution for a deep link to a tab section including jumping to the section and open the tab both.
Thanks again
StefanJust experienced: now with overflow:visible if you open an ajax portfolio the portfolio overview is cut again…
It’s strange, on mobile there are still huge white spaces at the bottom of the tab sections. It seems that the max-height of .av-tab-section-outer-container is generated dynamically, but under which criteria?
Hi,
Thank you for your patience but I’m not able to view your page now, is a login required now?Best regards,
MikeHi MIke,
as we are live now you can look at https://chiway.ch or login to the development site (see private content)
Thanks, Stefan
- You must be logged in to reply to this topic.