Topic: In mobile devices blog title creates a widow

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

Author

Posts
October 22, 2013 at 4:31 pm #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

October 22, 2013 at 4:40 pm #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.

October 22, 2013 at 4:43 pm #142084

shendatanchak

Thank you.

October 22, 2013 at 4:57 pm #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

October 22, 2013 at 6:22 pm #142088

shendatanchak

I disabled it and we still have the issue.

October 22, 2013 at 7:10 pm #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

October 24, 2013 at 2:35 pm #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.

October 24, 2013 at 2:39 pm #142173

shendatanchak

Hi,

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

October 24, 2013 at 3:05 pm #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.

October 24, 2013 at 3:15 pm #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.

October 24, 2013 at 7:07 pm #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.

October 25, 2013 at 12:27 am #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.
Author

Posts

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

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