Prozac

18 hours ago, tuanphan said:

You mean Header Height or Heading (h1, h2, h3..) or Header text (logo, navigation..)?

Here's a screen recording of what I'm trying to describe.

Thank you 🙂

On 8/31/2022 at 2:16 AM, tuanphan said:

Try adding this to Design > Custom CSS

@media screen and (max-width:767px) {
	h1 {
		font-size: 30px !important;
}
h2 {
		font-size: 26px !important;
}
h3 {
		font-size: 24px !important;
}
h4 {
		font-size: 22px !important;
}
h5 {
		font-size: 20px !important;
}
h6 {
		font-size: 18px !important;
}
}

You can adjust these heading size

I tried pasting that code in the CSS but the headers are still changing when scrolling 😞

Do you have any other suggestion?

Thank you!

Hi,

I am having a similar fonts size issue when scrolling on a mobile device, similar to the posts here:

• https://forum.squarespace.com/topic/209106-how-do-i-stop-the-text-on-my-mobile-site-changing-size-when-scrolling/
• https://forum.squarespace.com/topic/187578-image-font-size-change-on-mobile-scroll/
• https://forum.squarespace.com/topic/191248-header-title-font-jumps-size-upon-scrolling-on-mobile-devices/

I have been trying to implement those suggestions, but I don't seem to be able to get it right. Do you have any suggestions?

Thank you :)