Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 20, 2020 at 3:28 am #1268707
    samanthashea

    AS you can see in the attached image, the text on this specific element is too large for mobile. I would like to make it smaller but JUST on mobile. It is using an H1 heading and my site-wide H1s are set to 47 px.

    I would like this H1 to be 30 px.

    December 20, 2020 at 7:06 am #1268721
    Jordan Shannon

    Hey samanthashea,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    December 21, 2020 at 3:18 am #1268917
    samanthashea

    Providing my temporary log in. This is about the newsletter form (I use Convertkit) that is visible on the homepage. The problem is the “Join the Newsletter” text is too large on mobile and it is an H1.

    December 22, 2020 at 4:14 am #1269209
    samanthashea

    Please help I need this fixed to make my staging site live

    December 22, 2020 at 6:00 am #1269233
    Jordan Shannon

    Hi,

    Add this to quick css:

    

@media only screen and (max-width: 600px)  {
.formkit-header h1{
font-size:25px!important;
}}

    Best regards,
    Jordan Shannon

    December 23, 2020 at 3:01 am #1269419
    samanthashea

    Awesome it worked perfectly, you can close this topic!

    December 23, 2020 at 11:03 am #1269498
    Nikko

    Hi samanthashea,

    We’re glad to hear that :)
    Thanks for using Enfold and have a Merry Christmas!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How can I make this H1 title smaller without affecting other H1s’ is closed to new replies.