H2 not wrapping/hyphenating correctly in mobile view

  • Resolved jimithing007

    (@jimithing007)


    7 years, 11 months ago

    The headline “Fluorescent Vaportight High Bay” is not wrapping correctly on the mobile view. On my phone, it splits up “Vaportight” and puts “Vap” on one line, “ortight” on the next, with no hyphen.

    Is there some CSS or HTML I can use to fix?

    https://www.lumenfocus.com/wv/

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi @jimthing007,

    Investigating the HTML markup on the page it looks like you have some things in the title there that is causing the alignment to be thrown off.

    In my browser I am seeing:

    <h2>&shy; Fluorescent&nbsp;Vaportight High Bay</h2>

    Try altering the value to:

    <h2>Fluorescent Vaportight High Bay</h2>

    or to:

    <h2>&shy; Fluorescent Vaportight High Bay</h2>

    and the issue should be resolved. Let us know if that helps out!

    • This reply was modified 7 years, 11 months ago by Evan Herman.
    Thread Starter jimithing007

    (@jimithing007)

    That worked beautifully. Thank you!

    No problem at all, glad we could be of some help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘H2 not wrapping/hyphenating correctly in mobile view’ is closed to new replies.