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
    Posts
  • #108907 Resolve

    shendatanchak

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

    “Shenda’
    s blog”

    How can I fix that?

    The blog I need help with is shendasblog.com
    #142083

    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.

    #142084

    shendatanchak

    Thank you.

    #142086

    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?

    https://shendasblogdotcom.wordpress.com/wp-admin/themes.php?page=mobile-options

    #142088

    shendatanchak

    I disabled it and we still have the issue.

    #142094

    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:

    https://cloudup.com/ckDEf3EF049

    #142172

    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.

    #142173

    shendatanchak

    Hi,

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

    #142182

    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.

    #142183

    shendatanchak

    Hi,

    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.

    #142193

    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.

    #142201

    Michelle

    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.