Mobile menu hides part of the header

Hello!
When I open my website on mobile, the menu hides part of the animated header (as you can see in the picture attached). Is there any way to solve this? Hiding the hamburger menu is also an option.
Thanks in advance :slightly_smiling_face:

Hello there,

Please share a link to your site here, so I can have a look.

Regards,
Kharis

Yes, of course!
Here you go:
https://cristianomaciel.design/

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 600px) {
      .home .ignis-hero-area.has-media .header-text {
        top: 50%;
      }  
    }

Regards,
Kharis

Hello.
That doesn’t seem to have worked… I’ve added the code and unfortunately everything stayed the same :confused:

Hello there,

What is your mobile device’s screen resolution? http://whatismyscreenresolution.net/

Regards,
Kharis

It’s an iPhone 5s, so I’d assume it’s 640x1136px, but from the website you pointed, it says it’s 320x568px.

Hello! Were you able to find ou a solution for this issue? :slightly_smiling_face: