• Creator
    Topic
  • #21538

    Tristan Seifer
    Participant
    Been thanked: 0 times

    On the computer screen the titles all read perfectly but on the smaller iphone screen the longer titles get stuck on top of each other. What can I do?

    Also, how can I add a button without everything running together on small screens?

    Thank you.

Viewing 9 replies - 1 through 9 (of 9 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3211
    Been thanked: 128 times
    #21546 |

    Hi,

    Please provide your website url.
    I will try to provide CSS code to fix your issue.

    Thanks!

    Tristan Seifer
    Participant
    Post count: 4
    Been thanked: 0 times
    Denzel Chia
    Moderator
    Post count: 3211
    Been thanked: 128 times
    #21581 |

    Hi,

    Please use the following codes in your Theme Options -> Custom CSS

    Thanks!
    Denzel

    Tristan Seifer
    Participant
    Post count: 4
    Been thanked: 0 times
    #21587 |

    Thanks, Denzel. I followed your directions, but the font is still smushed on the iphone when held in portrait. (it was always ok in landscape.) Is there someway to make the words go onto two lines?

    thanks.

    Denzel Chia
    Moderator
    Post count: 3211
    Been thanked: 128 times
    #21593 |

    Hi,

    Please kindly provide me with a screenshot and some annotation of the problem area.
    It’s will be good if you can point to me the area that your fonts are smush.

    This will help me understand better.

    Thank you.

    Regards,
    Denzel

    Tristan Seifer
    Participant
    Post count: 4
    Been thanked: 0 times
    #21598 |

    Thanks, Denzel. I am not sure how to upload images into this reply box.

    The words are getting smushed together on the titles the move across the photos on my homepage. One slide is fine, but the other two are unreadable when the phone is held in portrait.

    Appreciate your help,
    Tristan

    Denzel Chia
    Moderator
    Post count: 3211
    Been thanked: 128 times
    #21608 |

    Hi,

    Some script or plugin on your site is breaking the responsiveness of your website on desktop view. You need to remove it.

    When I resize my desktop browser, your website does not resize accordingly.
    I am unable to troubleshoot your slider in mobile view unless I am able to get the website to resize on desktop view. I need to use desktop developer tools for troubleshooting your mobile issue.

    I am able to see your slider text getting smushed together on my iPhone 6 Plus.
    The problem is I am unable to provide solution based on what I see on my mobile phone.
    I need the desktop view to resize properly.

    Hope you understand my explanation.

    Thanks!
    Denzel

    Lisa Kurtz
    Participant
    Post count: 10
    Been thanked: 0 times
    #22524 |

    Hi Denzel. I might be having a similar issue. Web site is waldenfloral.com. The issue is the Bootstrap Slider on the very first Welcome page slide, where is says “Beautifully fresh floral designs created especially for you.” This title appears correctly on the desktop version. However, when viewed in portrait orientation on a mobile phone, the title appears in two lines that are smashed on top of each other. It is as if there is not enough space between the two lines. It looks fine in landscape orientation but because this is the first thing viewers might see, I need to fix the portrait orientation. Will the code that you outlined above in your reply to Tristan Seifer fix my issue as well?

    Denzel Chia
    Moderator
    Post count: 3211
    Been thanked: 128 times
    #22537 |

    Hi,

    Please try the following codes in your Theme Options -> Custom CSS

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.