Subpage headline h2 on a Mobile Device

  • Resolved marjutus

    (@marjutus)


    7 years, 3 months ago

    Hello!
    I’m a beginner with WordPress and Sirius Lite theme, but I’d like to make a question about the theme’s mobile version. Finnish language has some very long words and h2 headlines on the phone screen doesn’t seem to fit. This malfunction concern only subpages. Headlines on front page seem to perform very well. Can you help?

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey @marjutus, @ricotheque from LyraThemes here.

    I can see your problem. Your best bet is to just add this to Appearance > Customize > Additional CSS in your Dashboard:

    .entry-content {
     -ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
}

    It targets everything in your subpages content so that long words are forced to break. You might also want to consider resizing your headers font-size to accommodate the long words.

    At least you don’t have to use words like Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch!

    Thread Starter marjutus

    (@marjutus)

    Thank you for quick reply!
    Using .entry-content is the fastest way to solve the problem. Many thanks! However if I’m patient enough I must try to do some resizing.

    PS. My deepest syphathy for Welsh people ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Subpage headline h2 on a Mobile Device’ is closed to new replies.