Hi Tim,
I request you to please share the quiz URL so that we can further investigate the issue.
Kindly let me know.
Regards,
Kriti
Hi Kristi
The form in question is on the home page. It automatically appears at 80% of the page scrolling down.
Thank you for getting back to me.
Hi @timhollingworth,
Kindly use the following CSS code to fix the issue on mobile version:
@media (max-width: 425px){
.qsm-progress-bar{
padding: 8px 10px;
}
I just checked the buttons on my desktop and I am not seeing any such issue at my end. Kindly check the following screenshot: https://prnt.sc/we5n92
Let me know.
Kind regards,
Kriti
Hi Kriti
Thank you for getting back to me so fast at this time of year!
You suggestions have worked for the mobile view, thank you.
But for the horizontal level is still there and I can clearly see it in the page grab that you kindly showed. I have done a browser inspection and can see that the ‘previous’ button has a 15px margin at the bottom. And if I delete the 15 and make it a 0px it aligns perfectly….
.qmn_quiz_container .mlw_previous {
margin-bottom: 15px;
}
I have tried putting this in the css, but unfortunately it does not change anything. Is this something that can be looked into on the next version please?
As always thank you for your help with this lovely quiz plugin.
Hi Kriti
I have adjusted the plugin common.css file and changed the 15px to 0px on line 237.
.qmn_quiz_container .mlw_previous{
margin-bottom: 0px;
}
This now aligns perfectly as it should on a PC and using your previous css the mobile version also looks perfect. I know I shouldn’t mess with the master plugin files but it was the only way I could make the needed change.
thank you again for your help.
Tim
Hi @timhollingworth,
Instead of directing changing the master plugin files, you can paste the custom CSS in Appearance -> Customize-> Custom CSS.
If the issue is resolved, Can I resolve this ticket now?
Kindly let me know.
Regards,
Kriti
Hi Kriti
Thank you for your help, I believe my problem is solved now.
Thanks again
Tim
