Home / Forums / ePix Support / H1 goes off screen in mobile and tablet vertical view

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts

  • johnvdeluca1
    Participant

    Hello-

    Our site’s home page http://www.delucaphoto.com has an issue with the h1 running off the right side of the screen in vertical mobile and tablet view. The h1 “Our Wedding Photography” is directly under the slider and is part of the theme so the fact it doesn’t stack the text in mobile is odd. We did hard code a CTA into the header and footer but those seem to be ok.

    Do we need custom css to fix the h1 in mobile/tablet view? Thanks!


    johnvdeluca1
    Participant
    This reply has been marked as private.

    Hi @johnvdeluca1

    Please use this CSS code to fix the issue:

    h1{
    word-wrap: normal;
    word-break: break-all;
    }

    Regards,


    johnvdeluca1
    Participant

    Hi Edcel-

    We did some digging and the problem was with h1 and the use of the strong tag. I removed the strong tag and then selected the h1 and made the font-weight: bold with CSS. The h1 breaks/stacks perfectly now in mobile view.

    Thanks for your help!

    Glad to know that, @johnvdeluca1

    Please don’t hesitate to contact us if you encounter any issues.

    Regards,

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.