-
AuthorPosts
-
October 20, 2021 at 4:47 pm #1325762
Hi there,
Is there a way to make the mobile H1 text bold?
October 21, 2021 at 6:38 am #1325800Hey 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,
RikardOctober 22, 2021 at 2:21 am #1325955Thank 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
October 22, 2021 at 6:39 am #1325992October 24, 2021 at 8:48 pm #1326239Sure thing!
October 24, 2021 at 10:19 pm #1326244October 24, 2021 at 10:45 pm #1326245That made the text bigger but did not make it bold.
October 25, 2021 at 12:24 am #1326249Hi,
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,
MikeOctober 25, 2021 at 5:46 am #1326261That worked, thank you!
October 25, 2021 at 11:25 am #1326283Hi peluso91,
We’re glad that Mike could help you :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Can mobile H1 text be bold?’ is closed to new replies.

