In mobile devices blog title creates a widow

Home Forums Automattic Everyday In mobile devices blog title creates a widow

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #108907 Resolve


    In mobile devices blog title creates a widow. For example:

    s blog”

    How can I fix that?

    The blog I need help with is

    Kathryn P.
    Happiness Engineer

    Hi there, I see what you mean and I’m going to report this to our theme developers to see if we can prevent the word from breaking after the apostrophe. I’ll keep you posted here.



    Thank you.


    Kathryn P.
    Happiness Engineer

    It looks like Everyday is already mobile-ready, but you’ve also activated the separate mobile theme. Could you try disabling the mobile theme by selecting “No” next to “Enable mobile theme” and let me know if you still see the issue?



    I disabled it and we still have the issue.


    Kathryn P.
    Happiness Engineer

    Hi there – would you mind please refreshing the site in your browser to make sure it’s pulling in the new version? Here’s a screenshot of what I see in mine – the title isn’t breaking after the apostrophe now:


    Kathryn P.
    Happiness Engineer

    Hi there, just checking in to see if you were able to refresh the site in your phone to see the new version? Just let me know if you need further help.




    The widow is now ok, but the comments are tiering again.


    Kathryn P.
    Happiness Engineer

    I checked the comments on this post both on Firefox 24 and iPhone, and they look OK to my eye, so her are some questions to help troubleshoot:

    1) When you say the “comments are tiering” – are you referring to an iPhone display, or on a desktop browser?

    2) If desktop, could you let me know specifically which browser and version?

    3) Could you also please provide a link to a sample post where comments are not displaying right?

    4) Could you provide a screenshot of “tiered” comments so I can take a look? Here’s a guide on how to make a screenshot, if you’re not sure. Here’s how to take a screenshot on an iPhone as well.

    You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library so I can see it. Thanks.




    I am referring to iPhone and Android displays – there’s no problem with desktops and I’ve uploaded the tiering picture in the media library.


    Kathryn P.
    Happiness Engineer

    Thanks for the screenshot, I see what you mean on this post, where comments are nested.

    I’m going to bring this to our developers so they can have a look and will keep you posted here.



    Hi @shendatanchak,

    I’ve made a few tweaks to Everyday to improve the comments display on smaller screens. Can you give it a try and see if it works for you? Let us know if you spot any more kinks!

    Also, we noticed that your comments have some extra styles being displayed. That was causing individual comments to have scrollbars, as well as spacing issues. I haven’t pinpointed the exact cause yet, but in the meantime, you can fix it with this CSS (just insert it into your Custom CSS Editor):

    .comment-content div {
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
    white-space: inherit !important;

    Let us know if you have any other questions.

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘In mobile devices blog title creates a widow’ is closed to new replies.