Text getting cut off when trying to hide header image section on mobile

Site URL: https://www.lauriergraduatestudentorientation.com/

We're getting our site ready to launch (password: LaurierGSO) and I want to hide the header images on every page minus the homepage as they are cutting people's heads off at the top.

I used this code and while it works the text in the next section is now getting cut off any suggestion on how to fix this or other work arounds to get the images to show at the top to keep their faces in view and not the bottom?

@media screen and (max-width:767px) {
section[data-section-id="619281f45f40d81fdcc75b1d"] {
display: none;}
}

16 hours ago, wlugsa said:

Site URL: https://www.lauriergraduatestudentorientation.com/

We're getting our site ready to launch (password: LaurierGSO) and I want to hide the header images on every page minus the homepage as they are cutting people's heads off at the top.

I used this code and while it works the text in the next section is now getting cut off any suggestion on how to fix this or other work arounds to get the images to show at the top to keep their faces in view and not the bottom?

@media screen and (max-width:767px) {
section[data-section-id="619281f45f40d81fdcc75b1d"] {
display: none;}
}

Have you solved it yet? I've checked that it does not cut off  header anymore

Hi there. No it has not been resolved. The issue is only on the subpages not the homepage.

On 11/25/2021 at 4:42 AM, wlugsa said:

Hi there. No it has not been resolved. The issue is only on the subpages not the homepage.

Can you share link to a page where you have problem? We can check easier