Reply To: custom header not re-sizing on mobile

#1736
livemesh
Keymaster

Did look at your site. You can have something like below at the bottom of your custom.css file to fix the issue. Pls vary these values as per your exact requirements. You can insert this type of CSS for other headers too in these blocks of media queries –

@media only screen and (max-width : 1024px) {
    #team-info-header { height: 210px; }
	#team-info-header blockquote { font-size: 28px !important; line-height: 36px !important;}

    }
@media only screen and (max-width: 767px) {
	#team-info-header { height: 210px; }
	#team-info-header blockquote { font-size: 18px !important; line-height: 28px !important;}

    }
@media only screen and (max-width: 479px) {

	#team-info-header { height: 150px; padding: 0;}
	#team-info-header blockquote { font-size: 14px !important; line-height: 20px !important; top: 0; margin: 10px auto;}

    }