jondemeo

@christyprice Thank you for this and it works. My issue is the first part that says "Launching in Topeka, KS in late 2020." I want to remain the same size yet it is h1. I want to target certain blocks to minimize their size on that same page. I am using the below code but replacing it with my block code and it is not working.

@media screen and (max-width: 640px) {
#block-b804c57f124fbfbe2d7f {
	font-size: 20px !important;
	}
}

https://lobster-decagon-hpzf.squarespace.com/

Password: missionchurch

I am trying to change the font size for the large text parts on the homepage (for mobile only). I want the first text part "launching" to remain the same though.

@christyprice

So the code works if I define the header but not if I use the block ID. Any suggestions?

I am using a collection and grabbing the block ID inside of it. Does that effect it?

@christyprice