I've been looking into it and can't figure it out. In my page, the hyphens that are on a *{} selector work in most places, just not the titles. And I verified, nothing comes up that undoes the *{} selector
https://cmcelectronics.ca/customer-support/documentation/
I'm trying to figure out; is there something that blocks hyphens from working? Like how a sticky wont work if anything the sticky is over has an overflow property?
There was a discussion on SO about this these days: The words "Navigation" and "Databases" in your h1 are not hyphenated because they start with a capital letter, which most browsers apparently interpret as not-to-be-hyphenated nouns.
You might want to spell them as "navigation" and "databases", wrap <span> tags around those and apply text-transform: capitalizeto those, either in a dedicated class or in style attributes. Or you use soft hyphens (­) in those words.