Tagged: H1 tag, header text
Hi,
I’ve noticed that when I create a header using the Header component it doesn’t work properly in mobile.
I’ve also noticed that when I use the text component and apply the H1 tag, it works properly in mobile.
The issue with the text component is that the custom color option does not work.
I’m trying to get text that has an H1 tag be responsive and change to the appropriate color. Using either the header component or text component fails one way or another.
Please advise on how to rectify this.
Hey slui,
The settings for that element is coming from Enfold->Advanced Styling. If you want to override that setting, then you can assign a class to the element in question, like so:
<h1 class="white-header">Content</h1>
Then add this to Quick CSS:
.white-header {
color: #fff !important;
}
Best regards,
Rikard