Menu icon Foundation
Tabs panel content makes content jump

Has anyone notice that when you have different lengths of text in the panels of the tabs that it will make the div below jump to make room? Any workarounds for this? I did a couple searches but not seeing much.

http://cantaloupecreative.info/tabs-issue-for-zurbians.php

tabsjsjavascripthtmljump

Has anyone notice that when you have different lengths of text in the panels of the tabs that it will make the div below jump to make room? Any workarounds for this? I did a couple searches but not seeing much.

http://cantaloupecreative.info/tabs-issue-for-zurbians.php

Rafi Benkual about 5 years ago

I think the jump you are referring to is due to the text length or image length. Is that correct?

ayezee about 5 years ago

@Rafi Yes I believe it is the text length. I just thought about it and added max-height and min-height at the block level and it fixed it. However, if you code a static size it will run into issues with different screen sizes. For this I think I will just use media queries. I will post some code when/if I get it looking nice.

Rafi Benkual about 5 years ago

Ya, I think that would be helpful for people!