Site URL: https://capybera-plum-czms.squarespace.com
Hi,
I am creating a website that is predominantly going to be used on phones. I have an iPhone 11 pro max where the site looks just as I would like but I also have a Huaweui P20 pro where some of the header is cut off and some text changes incorrectly. I have tried using @media screen and (max-width:640px) to fix this but cannot get it to work. I also think that this would cause me issue when I come to edit the desktop site. I would like to keep the site header on one line at the top.
Site password is 110316Lots!
Please see screenshots of the issue below: