Change button size for answers on smartphones
Hi, I just bought Quiz Sizer. When using a multichoice image format, some answers are too long and squeeze the column/image of the answer next to it on smartphone (it’s fine on desktop). This is also because the button size is quite big.
How can I fix that ? I would like to reduce the size of the button but see no option on Quiz sizer.
I am not confortable with CSS but might use it if someone can give me a helpful code.
My screenshot
Hi Gilles,
the addon has a section called “Custom CSS”. You’ll be able to copy/paste the CSS code I’ll be giving you in there.
I found the quiz on your site and it looks like you already fixed the weird image sizing on your site, so great work! The only thing to make it better is to reduce the spacing between the checkbox and the label.
@media (max-width: 1024px) {
.hdq-options-check {
margin-right: 0 !important;
}
.hdq-options-check .hdq_toggle {
width: 1.4em !important;
}
}Everything is wrapped in the @media block so that these rules only affect the mobile version of the site
Answome ! Thank you for your help
This thread has either been marked as complete or has been automatically closed due to inactivity. Please consider opening a new support thread for help.