Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #1325762

    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,


    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



    Where can we see the actual problem on your site?

    Best regards,


    Sure thing!


    Thanks for the screenshot and link to your site, I see that you have two text block sections, one for desktop that has a H1, and one for mobile that has a H3:
    Please try changing the H3 to H1.

    Best regards,


    That made the text bigger but did not make it bold.


    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,


    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,

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Can mobile H1 text be bold?’ is closed to new replies.