• Resolved refreshyw

    (@refreshyw)


    Hey there,

    i need help again ??

    The checkmark in the contactform would be displayed very thin. Not as a square.
    I have tried to fix it with the following css lines, but it wont work for me:

    #happyforms-268_legal_4-part span.checkmark{
    width: 60px;
    }

    Thanks again for your great work and support.

    Best regards

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hey again ??

    You’re almost there! All you need to do is add a height CSS property as well to make it appear as a square. Considering the code snippet you sent, this should patch it up for you:

    #happyforms-268_legal_4-part span.checkmark {
      width: 60px;
      height: 50px;
    }

    You may want to enlarge the actual checkmark icon too with this code:

    #happyforms-268_legal_4-part span.checkmark svg {
      width: 30px;
      height: 30px;
    }

    Hope this helps! ??

    Thread Starter refreshyw

    (@refreshyw)

    Okay, that works for me on the desktop version – thanks for that – but not in the mobile version.

    I tried to fix it with media queries, but it wont work for me ′:D

    Thanks for your great support!

    Oh okay, @refreshyw! I see.

    This should patch it up for you including mobile:

    @media screen and (max-width: 800px) {
      #happyforms-268_legal_4-part span.checkmark {
        min-width: 25px;
      }
    }

    Let us know how you go!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Checkbox on mobile devices’ is closed to new replies.