Tagged: , , ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #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-1

    I 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.

    #252631

    Hi 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!
    Yigit

    #256720
    This reply has been marked as private.
    #256881

    Sorry, 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!…
    —jonathan

    #257019

    Hi!

    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,
    Ismael

    #257140

    Thanks, 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/ZeqpHpt

    I 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.

    #258446

    Hey!

    I’m not seeing any odd line breaks, spacing or the hidden character now when viewing the page.

    Cheers!
    Devin

    #258496

    Thanks, 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:

    http://imgur.com/mOmXaCz

    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?

    #258752

    Hi!

    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,
    Josue

    #258761

    Hi, 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.

    #258767

    Hey!

    Yes, i see, try with this:

    .tab_inner_content p {
         word-break: break-all;
    }

    Cheers!
    Josue

    #258769

    Thanks, Josue, but as you can see here, that has a terrible effect, breaking lines in the middle of words:
    http://imgur.com/QyPGq1D

    I also tried changing it to

    .tab_inner_content p {
         word-break: break-all;
    }

    …but that has no effect on the weird line breaks.

    #258975

    Enfold 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.

    #258988

    With 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…
    —jonathan

    #259006

    You 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!

    #259009

    iotaip: 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…
    :) jonathan

    #259180

    Hi!

    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

Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.