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
  • #91115

    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!

    #91116

    johnvdeluca1
    Participant
    This reply has been marked as private.
    #91143
    Edcel
    Edcel
    Moderator

    Hi @johnvdeluca1

    Please use this CSS code to fix the issue:

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

    Regards,

    #91160

    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!

    #91163
    Edcel
    Edcel
    Moderator

    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.

© 2019 Acoda