Hello, I have one last problem with the theme.
I'm using dark mode on my phone (android) and one website elements is not displaying correctly - headings.
I've attached photos how it looks like. To be honest, I don't really know how native dark mode works, but like 95% of websites are displaying correctly. Also, I can't tell if it does the same on iOS, I'm not even sure if turning on dark mode on Apple devices affects websites.
To solve the issue, please try the following steps. First, go to Customizer and add this style in Additional CSS:
.has-mask-fill > span {
display: inline;
}
If the issue still persists, add a new individual class to the heading with the issue and then assign a color to it using !important:
.my-text-color {
color: #fff!important;
}
In the last case try to remove the class .has-mask-fill from the h4 and test to see what is happening then.
If the above steps do not resolve the issue, kindly provide us with more details regarding the dark mode, so that we can understand what is happening when you change it. This will help us to diagnose the issue and provide you with the appropriate solution.
Hello, I have one last problem with the theme.
I'm using dark mode on my phone (android) and one website elements is not displaying correctly - headings.
I've attached photos how it looks like. To be honest, I don't really know how native dark mode works, but like 95% of websites are displaying correctly. Also, I can't tell if it does the same on iOS, I'm not even sure if turning on dark mode on Apple devices affects websites.
Attached files: 336198158_874462540516076_2095922724246296499_n.jpg
336523975_766451811341444_1753188112403769431_n.jpg
To solve the issue, please try the following steps. First, go to Customizer and add this style in Additional CSS:
.has-mask-fill > span { display: inline; }
If the issue still persists, add a new individual class to the heading with the issue and then assign a color to it using !important:
.my-text-color { color: #fff!important; }
In the last case try to remove the class .has-mask-fill from the h4 and test to see what is happening then.
If the above steps do not resolve the issue, kindly provide us with more details regarding the dark mode, so that we can understand what is happening when you change it. This will help us to diagnose the issue and provide you with the appropriate solution.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Second solution worked, on my pc and phone it's working fine, but I don't have the access to Apple device. Can you check if it looks good on your end?
Yes, we tested on iphone
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
awesome, thank you!