Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • May 27, 2020 at 1:00 am #1216745
    iicinfo

    Hi,
    the H1 Title not showing well on the smartphone.
    If the word is longer, it will not fit to the smartphone- what is the solution?

    Thanks,
    Ivan

    May 27, 2020 at 2:32 am #1216773
    Jordan Shannon

    Hey iicinfo,

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

    Best regards,
    Jordan Shannon

    May 27, 2020 at 2:51 am #1216775
    iicinfo

    Hi Jordan,
    thank you for the answer.

    I put a link in.

    Regards,
    Ivan

    May 27, 2020 at 2:54 am #1216777
    iicinfo

    … and it is probably the H2 Title which is not complete showing (also on the deskop).

    May 27, 2020 at 8:04 pm #1217134
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px)  {
.template-page .entry-content-wrapper h2 {
font-size:100%!important;
}}

    Best regards,
    Jordan Shannon

    May 28, 2020 at 4:09 pm #1217405
    iicinfo

    Hi Jordan,
    thanks a lot. It works much better. But please check the second H2 in the page I send to you, there is an word it is again too long.

    Also an H1 Headline in another subpage is not displaying well on mobile version(I post an link).

    Thanks,
    Ivan

    May 30, 2020 at 6:12 am #1217907
    Rikard

    Hi,

    Please replace the CSS Jordan sent with this:

    @media only screen and (max-width: 767px)  {
.template-page .entry-content-wrapper h2 {
    font-size:100%!important;
    word-break: break-word;
}
}

    Best regards,
    Rikard

    June 4, 2020 at 3:19 pm #1219422
    iicinfo

    Hi Rikard,
    thanks it works good.
    But I also see that the first H1 in the mobile version ist not display well.
    I post a link.

    thanks,
    Ivan

    June 4, 2020 at 6:40 pm #1219488
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-builder-el-0.avia-builder-el-first{
    font-size: 50%!important;
    word-break: break-word!important;
}

    Best regards,
    Jordan Shannon

    June 5, 2020 at 3:28 pm #1219835
    iicinfo

    Hi Jordan,
    thank you it works but it “breaks” the word without an “-” so this would be an grammatic mistake. Is it possible to break the word with an “-“?

    Thanks,
    Ivan

    June 5, 2020 at 6:02 pm #1219871
    Jordan Shannon

    Hi,

    Unfortunately the word can’t be broken in that manner.

    Best regards,
    Jordan Shannon

    June 9, 2020 at 1:19 pm #1220838
    iicinfo

    Hi Jordan,
    thanks for mail.
    What is then the solution ?
    If I let it with your code it will display wrong on the mobile phone. It will be an mistake in grammer / spelling in Germany…

    Regards,
    Ivan

    June 11, 2020 at 2:25 pm #1221698
    iicinfo

    Hi Jordan,
    you would also hep me if I could make the size of the text of H1 smaller for mobile devices.
    I posted you a link where I find an solution. Maybe it is the same or similar code for your theme?

    Ivan

    June 15, 2020 at 2:40 am #1222539
    Mike

    Hi,
    Sorry for the late reply, to change the font size of h1 on mobile, I looked at your page and the heading “Innovations Management Software”, for this structure please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
	.avia_textblock h1 {
		font-size: 24px !important;
	}
}

    adjust the font size to suit.
    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    June 17, 2020 at 12:39 am #1223209
    iicinfo

    Hi Mike,
    thanks a lot. It work :)

    Regards,
    Ivan

    June 17, 2020 at 12:51 pm #1223347
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘H1 Title in Smartphone’ is closed to new replies.