Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #912252

    Hi Guys

    Using the latest version of the theme, a recurring thing I see on sites in enfold is if the page has a transparent header then on mobile the alternative top bar goes white and ignores your theme rule

    See this page

    http://pearlandco.flywheelsites.com/

    In element inspector I can see

    #top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul {
    background-color: #17345b;
    }

    That rule has a line through it and being ignored.

    The result is white text on white background. Now I know some css can fix this manually but I’d like to figure out what is the root cause of this problem in the first instance

    Any ideas or feedback appreciated

    • This topic was modified 6 years, 9 months ago by codecreative.
    #912481

    Hey codecreative,

    Try it as a following

    #top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul {
    background-color: #17345b !important;
    }

    and let us know if that works

    Best regards,
    Basilis

    #912496

    Hey Basilis

    Thank you. I wouldn’t want to post and trouble you on the forum by asking for the css as I know that css would work but as mentioned I want to understand why this is happening in the first place so I can train someone else the correct way to use enfold and avoid this happening

    Thank you for your fast reply, can you identify the root cause?

    #912505

    Hi,

    Unfortunately, the root cause would have to be determined by the devs. It could be a simple styling conflict or error, or perhaps something that would require quite a bit more research. Now that the team is aware of the issue, it will go a long way into get this solved without the need of css fixes.

    Best regards,
    Jordan Shannon

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