StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Long Text Go Over Screen Width

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Long Text Go Over Screen Width

This topic is: not resolved

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 12, 2016 at 4:31 pm #183473
    qvyang
    Member

    I'm having a CSS issue. My email address is a bit long which goes over 320px (width of iPhone 5). This has broken the responsive framework and the text doesn't wrap (see here). The interesting thing is that this happens only to my pages but not to a text widget (see here).

    Can anyone help me solve this CSS issue?

    http://victoryangphotography.com.au/contact/
    April 12, 2016 at 4:44 pm #183475
    Victor Font
    Moderator

    You can add word-break: break-all; to the p element in CSS, but I would add it in one of the smaller screen media queries.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 12, 2016 at 11:03 pm #183498
    qvyang
    Member

    Thanks for the reply! Your solution fixed the problem of text not wrapping. Now I have an issue with this approach. The email address [email protected] is now displayed as
    i
    [email protected]

    If you look at my home page from an iPhone 5 you'll see that the email is wrapped as:
    info@victoryangphotography.
    com.au

    I think this looks much nicer. Is there any way to make my email wrap this way after the "." instead of breaking up a word?

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.