LeeM

Hi @Ziggy, It was a slightly different issue for me. My headers weren't mobile responsive. They are images and not text so I've been using this code and it's been working great for years. It's only now that I'm trying to add a blog page that the scripts running due to the code are making it impossible. the Squarespace guy said I needed better code to still shrink the headers accordingly but not break the blog page. This is the code: <style> @media screen and (max-width:767px) { #page section:first-child { min-height: 30vh !important; height: 50vh !important; margin-top:0px; } } </style>

Hi @Ziggy, I had the same problem and I used this code and it works brilliantly for my headers: <style> @media screen and (max-width:767px) { #page section:first-child { min-height: 30vh !important; height: 50vh !important; margin-top:0px; } } </style> However, it breaks my mobile view of my blogs. I can't see the upper 1/3 and it crowds the footer into the text. Can you help? I spoke to Squarespace and they said as it's code they can't help me. acerintegration.com/writing Thank you!

Site URL: https://acerintegration.com/ Can anyone help me? I had to use the below code because my header images weren't shrinking on mobile and it looked really rubbish. This code solved that problem. However, now I have a new one. Only a giant white box appears as the preview image when I post the link to a social media site. That, or no preview at all. This was not the case before I added the code. When I post the link, I'd like a preview of the page to show as normal. Any ideas? URL: https://acerintegration.com/ <style> @media screen and (max-width:767px) { #page section:first-child { min-height: 30vh !important; height: 50vh !important; margin-top:0px; } } </style>

Can anyone help me? I had to use the below code because my header images weren't shrinking on mobile and it looked really rubbish. However, now there is only a giant white box as the preview image when I post the link to a social media site. I'd like it to show a preview of the page as normal. Any ideas? URL: https://acerintegration.com/ <style> @media screen and (max-width:767px) { #page section:first-child { min-height: 30vh !important; height: 50vh !important; margin-top:0px; } } </style>