Here's an example - The text buttons at the left reveal a list of related questions at the right. Click on a question and the response appears in the area below.
At a wide breakpoint click on "Function" or "Materials". The text button jumps 129 pixels to the right. Click on it again and it returns to its position. Note that it does not trigger the action.
What I have to do is to go through everything and if I find a button that does this, I dupe a healthy button, change the text and the action, and replace the faulty button. Once I go through everything and it all seems to be working properly, I output it and see if it really is fixed. If not, I go through it again. Generally, something always breaks.
Frankly, a FAQ system should be database driven (such as something created in FileMaker, etc.), but this is what I have.
I also see that sometimes, when editing the text of the button, the text will jump outside the button frame. While still displaying the correct line height, the text may display far below the frame - 30 pixels or more.
This particular project (along with an almost identical project for the parent company's website) is something I've been working on for over a year, off and on. I get tired of playing whack-a-mole and set it aside for months at a time, then repeat the process.
questionslb.hype.zip (536.7 KB)