Hi there,
Is there a way to make the mobile H1 text bold?
Hey Andrew,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
h1 {
font-weight: bold !important;
}
}
Best regards,
Rikard
Thank you for your help. Unfortunately, that doesn’t seem to have fixed it. Here is a screenshot so you can the CSS box since I’ve made other edits there as well: https://drive.google.com/file/d/1TdhVZ4BpVI1zCcGqQQBgRTGabxlMtNh3/view?usp=sharing
Sure thing!
That made the text bigger but did not make it bold.
Hi,
Thanks for the feedback, I see that you are using montserrat for the font and the browser console says the font weight is 700, which is bold. So try downloading the montserrat font here,
and import it at Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager you should see this result:
then choose this font at Enfold Theme Options ▸ General Styling ▸ Heading Font it will be at the bottom of your font list:
then save your settings and clear your browser and plugin caches such as siteground-optimizer, and check.
Best regards,
Mike
That worked, thank you!
Hi peluso91,
We’re glad that Mike could help you :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko