@megangoodson65 – can you tell me what elements specifically are not appearing how you’d like them too and a description about how you’d like them to appear?
It looks like you’ve already added a few custom styles and markup to adjust the appearance of the quiz, so it seems like you’ll likely just need to add or remove some styles to fix any issues.
Ok I removed our styles and they are still not working.. any ideas?
When you view it on a cell phone, a user can not scroll to the side and view the entire question/answers. It gets cut off. Even when you flip the phone to it’s landscape it still gets cut off.
I removed our styles and reloaded and tested and it did nothing different.
Thanks
Megan
Yes, it looks like the entire quiz is getting wrapped in a code tag and the bootstrap styles for the code tag include white-space: nowrap which is preventing the text from breaking into multiples lines. You’ll need to either remove the code tag or remove that style to fix the issue.
Ok. Weird. I will have to go look into it. I inherited this coding job from another person who has since left, so I’m still trying to pick up their pieces.
Would there be a reason that the slickQuiz was wrapped in a code tag other than for some reason personal preference? Meaning if I somehow get rid of that will it break the plugin?
Thanks for your help :),
Megan
Nah, the code tag is not part of SlickQuiz at all so getting rid of it should be fine.
It seems like the code tag is getting injected within the SlickQuiz wrapper which is the strange part, and makes me suspect that another plugin may be putting it there. So.. just something to look for if you can’t find the code tag in the theme or page content.
