Hero Letter Size On Mobile below 300px

2 things regarding hero on smaller screens

1. I wondering how to reduce the size of the letters in the hero banner for small screens below 310px.

I tried using this codes but it kept affecting all the other sizes.

@media (min-width: 310px) {
	.site-hero .hero-brick .entry-header {
		margin-bottom: 10px !important;
	}
}

I tried it without the important as well

and tried this code also but no good

@media (min-width: 310px) {
	.site-hero .hero-brick .entry-header {
		margin-bottom: 10px !important;
	}
}

html .site-hero .hero-brick .entry-header {
		margin-bottom: 30px !important;
	}

2. How to reduce margin, I noticed some of the tags and if the text is too long it jump out of the post, and this can be solved if the letter margin bottom can be reduce.

I tried this code but no go

@media (min-width: 310px)
        .site-hero .hero-brick .entry-header {
		margin-bottom: 10px;
	}

thank you

• This topic was modified 4 years ago by  Erick.

• This topic was modified 4 years ago by  Erick.