I'm adding an H1 text block as a heading/title to the blog. The H1 text looks too big on mobile and I'd like to adjust the size, but the size doesn't seem to change no matter what adjustments I make. I've tried a Split Line Heading, Responsive Heading, and other text blocks, but none of them seem to change. Can you tell me what I'm doing wrong?
Thanks for the reply Tahir. I did try using those settings and they didn't change anything. I tried decreasing the percentage and the headings continued to stay the same size.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) {
.nectar-split-heading h1 {
font-size: 24px;
}
}
I'm adding an H1 text block as a heading/title to the blog. The H1 text looks too big on mobile and I'd like to adjust the size, but the size doesn't seem to change no matter what adjustments I make. I've tried a Split Line Heading, Responsive Heading, and other text blocks, but none of them seem to change. Can you tell me what I'm doing wrong?
Thanks
Hey bprice23 ,
Try using the New Responsive Typography Settings in here :
Thanks.
ThemeNectar Support Team
Thanks for the reply Tahir. I did try using those settings and they didn't change anything. I tried decreasing the percentage and the headings continued to stay the same size.
Thoughts?
Hello again,
Thank you for getting back to us.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 690px) { .nectar-split-heading h1 { font-size: 24px; } }Thanks,