Home page video view port issues

  • Resolved pipettedave

    (@pipettedave)


    2 years ago

    Hello,

    1. When I inspect the page using developer tools (chrome, Windows 10), the view port shrinks and the video moves up and gets smaller in height.

    2. When viewing without the developer tools on some other laptops, the heading is hidden by the top menu bar. I’ve tried various CSS fixes and nothing seems to work. On desktop the video displays fine. On mobile, it looks great. But some laptops the video and text are hidden. I’m wondering if it has anything to do with vh?

    Can you assist with this issue? I don’t know how to upload screenshots for you.

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Ina

    (@inamoro)

    Hi, @pipettedave

    Adding one of the following codes to Appearance -> Customize -> Additional CSS should solve the issue:

    @media screen and (max-width: 1300px) and (min-width: 700px) {
    .site-title {
        font-size: 50px !important;
    }

}

    or

    @media screen and (max-height: 700px) {
    .site-title {
        font-size: 50px !important;
    }

}
    Thread Starter pipettedave

    (@pipettedave)

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Home page video view port issues’ is closed to new replies.