Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 19, 2018 at 2:59 am #1034969
    Latif

    HI there,
    I’m trying to change the text color at the top bar on mobile devices only to black. Here is the website address

    Appreciate the help!

    November 19, 2018 at 4:01 am #1034988
    Latif
    November 20, 2018 at 4:55 am #1035401
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 990px) {
#header-meta .phone-info a {
  color: #000 !important;
}
}

    Best regards,
    Rikard

    November 20, 2018 at 7:56 am #1035456
    Latif

    I have tried yours and it isn’t working.

    I’m forcing it like this
    You Can Reach Us at 510-893-1343 or 925-944-1122

    but I’m stuck with the colors because the mobile header has a white background yet it is the opposite on the desktop web version…

    • This reply was modified 6 years, 11 months ago by Latif.
    November 21, 2018 at 9:34 am #1035937
    Rikard

    Hi,

    You have added styling to the link inline, that is the likely reason for it now working. Try adding a class to the element instead or remove the inline styling altogether.

    Best regards,
    Rikard

    November 21, 2018 at 9:58 am #1035944
    Latif

    I have added the inline styling because your element is not working – I removed now the inline linking and I have added

    @media only screen and (max-width: 990px) {
    #header-meta .phone-info a {
    color: #000 !important;
    }
    }

    Not working – check it out…

    November 21, 2018 at 10:36 am #1035951
    Latif

    The CSS file for the child theme isn’t taking the css updates. caching is off and css file loads but no changes…

    Looking at the css source for the child theme

    It looks like Enfold is doing something to the CSS for versioning. When I look at the CSS source the child css file is coming from:
    <link rel=’stylesheet’ id=’avia-merged-styles-css’ href=’https://atlasheating.com/wp-content/uploads/dynamic_avia/avia-merged-styles-704d0e1de19f6dbb34855a05f38668e3.css

    I can give credentials if needed

    November 22, 2018 at 5:54 pm #1036647
    Nikko

    Hi Latif,

    Can you try to disable CSS merging and compression in Enfold > Performance.
    Then try checking out again.

    Best regards,
    Nikko

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