Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 13, 2015 at 3:27 am #517810
    Peter

    Hi

    Please check the private page link. How can I stop mobile devices from putting “Logo Area secondary font color” on digits when they detect the phone number on transparent header? It is ok when I scroll down but not first when the header is glassy as you see.

    I would like all text on the phone-info-bar to be white when menu is transparent.

    thanks in advance!

    October 13, 2015 at 3:04 pm #518117
    Ismael

    Hey JHU8ghsrr5!

    Thank you for using Enfold.

    I checked the site and the phone number color is white. On mobile, it is blue. If you change it to white, it will not be visible because the header background is white. Could you please provide a screenshot of the issue?

    Best regards,
    Ismael

    October 14, 2015 at 3:21 pm #518725
    Peter

    Ah, sorry my fault. I is fine on phones but on tablets (I have only tested on ipad) I would like the phone number to be white the same as the other text on that row when the menu is glossy.

    Note: on the contact page I still have the non-glossy menu so there I would like the menu colors to not be changed.

    • This reply was modified 9 years, 2 months ago by Peter.
    October 14, 2015 at 3:28 pm #518732
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av_header_transparency #header_meta * { color: white !important; }

    Regards,
    Yigit

    October 14, 2015 at 3:31 pm #518735
    Peter

    Ah, awesome quick support as always, thanks! :)

    October 14, 2015 at 3:36 pm #518738
    Yigit

    Hi!

    You are welcome, glad we could help :)

    Best regards,
    Yigit

    April 24, 2016 at 6:37 pm #620844
    Peter

    Hi

    Please look at the same site again, don´t know why this occurs, I still have the same css active as you suggested before.

    .av_header_transparency #header_meta * { color: white !important; }

    but it seems on smarthones it now on first page keeps the color white on the “phone info” css and since the background is also white, how can I make the “phone info” to be #147e99 only on devices where the header menu have white bg ?

    Help is of course appreciated!

    April 26, 2016 at 3:03 pm #622203
    Andy

    Hey!

    use this code:

    @media only screen and (max-width: 767px) {
.av_header_transparency #header_meta * {
color: black !important;
}}

    Best regards,
    Andy

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.