-
AuthorPosts
-
April 16, 2014 at 4:40 am #251926
Hi, gang…
Something weird and buggy is going on with text in tabs on a mobile device (iPhone specifically). Weird random line breaks are getting put in. There are no non-breaking spaces or anything like that in my code…but these breaks occur all over the place. Only on mobile…and strangely, they appear in different spots when viewing in portrait vs. landscape.
Here’s a link to one page where it’s happening:
http://nonsequiturproductions.com/wordpress/films/pressure-cooker/#tab-id-1I could be wrong, but it seems to happen more in paragraphs with links and/or tags. The ones without them don’t seem to have as many strange breaks.
Any ideas?…It’s pretty unsightly.
April 17, 2014 at 12:33 pm #252631Hi mowseink!
I have just checked your website on my iphone and it looks fine to me – http://i.imgur.com/KQmnmcA.png
Can you post a screenshot of the issue you are having?Cheers!
YigitApril 27, 2014 at 2:35 am #256720This reply has been marked as private.April 28, 2014 at 12:22 am #256881Sorry, Yigit! I’m sorry for the delayed reply…I didn’t get notice that you had responded to this thread.
On this page:
http://nonsequiturproductions.com/films/pressure-cooker/
…in the BIOS tab, under Justin Schein, you can see one of the weird line breaks I’m talking about. (I’ve looked in the code, and there’s nothing there.)Here’s a screenshot: http://imgur.com/mOmXaCz
Thanks!…
—jonathanApril 28, 2014 at 12:11 pm #257019Hi!
Thank you for using the theme. There is a hidden space html entity right after the “completed” word which makes it look like this “completed&nbps ;RETURN” rendering it as one word. Please try to retype the paragraph or the sentence, see if that helps. Add this on Quick CSS or custom.css:
.active_tab_content p { word-break: break-word; }
Regards,
IsmaelApril 28, 2014 at 4:02 pm #257140Thanks, Ismael…but I’m a little confused. Where are you seeing that non-breaking space and return? It’s not showing in either the web inspector or in the text pane of the tab content:
http://imgur.com/GipxqHs
http://imgur.com/ZeqpHptI had tried before to retype the areas where the breaks were happening with no effect. Also, it’s strange that the breaks appear in different places depending on the orientation of my phone.
April 30, 2014 at 7:56 pm #258446Hey!
I’m not seeing any odd line breaks, spacing or the hidden character now when viewing the page.
Cheers!
DevinApril 30, 2014 at 8:42 pm #258496Thanks, Devin, but are you viewing it in a mobile browser? It only happens on mobile…and on my end, it’s still happening just as in this screenshot:
There is nothing showing up in the code to explain the weird line breaks. I have tried adding the CSS above (provided by Ismael) with no effect.
I’m completely baffled…any ideas?
May 1, 2014 at 6:13 am #258752Hi!
That’s just how text react in smaller spaces, however if you want you can add this to the Quick CSS:
@media only screen and (max-width: 767px) { .tab_inner_content p { text-align: justify; } }
It will justify the tab content paragraphs in mobile.
Best regards,
JosueMay 1, 2014 at 6:58 am #258761Hi, Josue…
Thanks, but I don’t want the content justified. That’s not what this is about.
Do you see that on the line in the screenshot I sent, there’s more than enough room for one or two more words? It’s a completely random line break with no explanation whatsoever, and it’s happening in many other places as well.
Here’s a different screenshot:
http://imgur.com/kzzTcQN
Notice the places I have circled where there is more than enough room for the words that follow on the next line. There are no line breaks or non-breaking spaces in the code.Sorry to be such a pain, but this seems to be a bug of some weird sort.
May 1, 2014 at 7:37 am #258767Hey!
Yes, i see, try with this:
.tab_inner_content p { word-break: break-all; }
Cheers!
JosueMay 1, 2014 at 7:46 am #258769Thanks, Josue, but as you can see here, that has a terrible effect, breaking lines in the middle of words:
http://imgur.com/QyPGq1DI also tried changing it to
.tab_inner_content p { word-break: break-all; }
…but that has no effect on the weird line breaks.
May 1, 2014 at 5:50 pm #258975Enfold version 2.7.
For iphone 5, when i switch from portrait to landscape mode, about half of the footer is covered with white stripe, i.e. that part of the screen does not seem to be refreshed properly with the color of the footer.To see this effect, go to http://www.ipinform.ca/ on iphone 5 using portrait mode, scroll down so that the line “Feel Free to Drop Us a Line” is at the top of the screen, now turn to landscape orientation, you will see the above effect wherein the copyright line in the footer is covered with white stripe.
May 1, 2014 at 6:04 pm #258988With respect, iotaip, your post seems to have nothing to do with this support thread. I suggesting creating a new support thread for your issue.
For what it’s worth, the issue to which your referring does not occur on my iPhone 4S in either portrait or landscape mode.
Kindly…
—jonathanMay 1, 2014 at 6:46 pm #259006You are welcome to visit any support thread that is in the public view. I will open another one but you can stop by any time.
Good luck with all your issues. Ciao!May 1, 2014 at 6:52 pm #259009iotaip: By no means was I saying you couldn’t view this topic. I was just saying that your post didn’t relate to the issue at hand, so you might get better support if you started a fresh thread with your question…plus it will be searchable by other people if they’re experiencing the same issue you are.
Best wishes…
:) jonathanMay 2, 2014 at 4:47 am #259180Hi!
Thank you for using the theme!
iotaip: No disrespect but I think the OP is correct. The issue is not related. Please post the link of the thread here so we can answer it.
@mowseink: Will you consider adding a letter spacing? Please add this:.tab_inner_content p { letter-spacing: .05em; }
Regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.