Answers font size too small on mobile

  • Resolved ajma12

    (@ajma12)


    4 years, 4 months ago

    Hello!
    I was wondering if there’s a way to change the font size for the answer options on the mobile version.
    The font size is correct on the desktop version but on the mobile version it appears too small.
    Thank you!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Harmonic Design

    (@harmonic_design)

    Hi ajma12,
    font sizes are primarily controlled by whatever theme you are using – especially the mobile sizes.

    Taking a look at your site, it looks like your theme sets fonts to a default of 10px (it’s actually set to 62.5% of 16px) on mobile… which is insanely small!

    Lucking we can easily override this for HD Quiz by adding some custom CSS to your theme’s style.css file.

    Please add the following CSS to make the font sizes larger.

    @media screen and (max-width: 800px) {
    .hdq_question_heading {font-size: 2.6rem !important}
    .hdq_label_answer {font-size: 2rem !important;}
}

    This will make both the question title and the answers much larger on mobile for your theme

Viewing 1 replies (of 1 total)
  • The topic ‘Answers font size too small on mobile’ is closed to new replies.