WordPress.org

Ready to get started?Download WordPress

Forums

SlickQuiz
[resolved] Results at the end of quiz not fully showing, mobile (10 posts)

  1. anefarious1
    Member
    Posted 3 months ago #

    On mobile devices I believe it shows only, "Thanks for testing out the quiz" which I customized in the settings. However, on desktops it shows the score as well which I think is important. How to get the score to display on mobile as well? People using it on a phone don't get their result. Great plugin by the way! Thanks

    https://wordpress.org/plugins/slickquiz/

  2. jewlofthelotus
    Member
    Plugin Author

    Posted 3 months ago #

    @anefarious1 Thank you for letting me know about this! I'm not sure why that would be happening. Do you have a link to a page with the problem that I can look at?

    There might be some other plugin or theme style that is interfering with the display of those missing pieces.

    Also, what kind of phone / browser were you using?

    Thanks again for calling this out! And thanks for using SlickQuiz!

  3. anefarious1
    Member
    Posted 3 months ago #

    Hi. Ok I'm testing out SlickQuiz on this page:

    http://canigivemycat.com/adderall

    I used a MotoX cell phone but also tried iPhone5 using this great site:
    http://mobiletest.me

    You can try all different types of mobile devices there.

    SlickQuiz works really great but it is just missing the result (ie. Your Score:, Your Ranking:) after answering the quiz on mobile devices (it seems). Thanks for looking into it!

  4. jewlofthelotus
    Member
    Plugin Author

    Posted 3 months ago #

    Hey @anefarious1 - I haven't been able to reproduce this issue yet. I tried out the quiz on the OS X iPhone Simulator, my actual iPhone5, and the mobiletest.me iPhone simulator and was able to see all of the result copy on each one upon completion.

    Here's a screenshot so you can see what I'm seeing: http://postimg.org/image/n3f2ahf9r/

  5. anefarious1
    Member
    Posted 3 months ago #

    I think my theme switcher failed to work on your phone (whole different problem). I have two themes, one serving desktops and another for mobile. Can you please try it again using this URL which will force the mobile theme:

    http://canigivemycat.com/adderall?theme=handheld

    Actually I've discovered that using that URL on a desktop reveals the same problem. It isn't a mobile device problem at all but a problem with that theme. Anything I can do to make it work?

  6. jewlofthelotus
    Member
    Plugin Author

    Posted 3 months ago #

    It looks like the handheld theme is telling all h3 headers to display: none;. So they're there, and they're getting set with the right score and ranking, they're just not being displayed.

    I do not know why the theme would be doing that - if there is some particular reason, but you'll need to either remove that style, or override it for the quiz area to get them to show up.

  7. anefarious1
    Member
    Posted 3 months ago #

    You are right! I set the custom css to do that. Is there a way to make your code h4 instead of h3? I have a good reason why I don't want to display h3. Thanks so much for the support. Much appreciated.

  8. jewlofthelotus
    Member
    Plugin Author

    Posted 3 months ago #

    You would need to edit the plugin code itself to change the type of tags that it's using - which I would recommend against, since if you ever updated the plugin, you'd lose your custom changes.

    What I would suggest is overriding the h3 styles specifically within the quiz wrapper. You could do that by adding something like the following to the bottom of your handheld stylesheet:

    .slickQuizWrapper h3 {display: block;}

  9. anefarious1
    Member
    Posted 3 months ago #

    .slickQuizWrapper h3 {display: block;} worked like a charm! Thank you so much. Your plugin is totally awesome, it should be bought by Jetpack or FB or someone like that! Thank you for your time.

  10. jewlofthelotus
    Member
    Plugin Author

    Posted 3 months ago #

    Haha, thanks @anefarious1! I'm glad that solved the problem!

    And thanks for choosing SlickQuiz!

Reply

You must log in to post.

About this Plugin

About this Topic