Okay
  Public Ticket #3313203
Native android dark theme problem
Closed

Comments

  •  3
    Piotr started the conversation

    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

  •  1,973
    Support replied

    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

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Piotr replied

    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?

  •  1,973
    Support replied

    Yes, we tested on iphone

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Piotr replied

    awesome, thank you!