Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 27, 2020 at 7:13 pm #1226107
    mehrajmir

    Hello,
    The problem is only with the main page. It has header transparency on which I think causes extra element font color to change while viewing on a mobile phone. The font color changes from white to grey which is hard to see on a black color background. Rest all other pages which do not have transparency header look fine.
    In transparency options and in the advance styling the font color is already set to white.
    I also checked with this css but it did nothing.
    .av_header_transparency .custom-header-meta a {
    color: #fff;
    }
    Please see if I’m missing something.
    Your help appreciated.

    View post on imgur.com

    View post on imgur.com

    June 29, 2020 at 1:04 pm #1226399
    Rikard

    Hey mehrajmir,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#avia2-menu li a, .phone-info span {
  color: #fff !important;
}
}

    Best regards,
    Rikard

    June 29, 2020 at 3:31 pm #1226477
    mehrajmir

    Hello,
    I placed it at the top and it did work. Thank you for the help and support.
    Kind regards.

    June 30, 2020 at 4:28 pm #1226792
    Victoria

    Hi mehrajmir,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 1, 2020 at 12:05 am #1226997
    Jordan Shannon

    Hi,

    We will close this thread.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header extra element font color changes on small screens’ is closed to new replies.