Okay
  Public Ticket #547434
Text box not responsive on mobile
Closed

Comments

  • Will started the conversation

    Hi!

    Please see attached screenshot. There is a text box at the bottom of my page (currently containing placeholder text) that is not wrapping on mobile, so the text is going off to the right of the screen on my mobile device. Second screenshot shows my admin, and the "Responsive Options" currently set for that column. How do I fix?

    Thanks,

    -W

  • Will replied

    Realizing now that the first (Contact) line in the text box seems to be responding, but even when viewed on my desktop, the placeholder text beneath does not wrap when resizing the browser window.

  •  8,990
    Tahir replied

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    p {
        word-wrap: break-word;
    }

    Thanks


    ThemeNectar Support Team 

  • Will replied

    Thank you! This makes the text wrap, though it breaks words letter by letter without even adding a hyphen. How can I have it wrap like a normal text box?

  •  8,990
    Tahir replied

    Hey ,

    I just added in correct text and it seems to be working perfectly. See screenshot: http://prntscr.com/8oqmxi .

    Thanks


    ThemeNectar Support Team 

  • Will replied

    thank you@!