Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 26, 2017 at 8:29 am #783322
    MWCBT

    Hi,
    I have another question re the closed discussion:
    https://kriesi.at/support/topic/link-color-in-topbar-transparent-header/#post-782424
    The text and link colour in topbar is OK now on desktops, laptops, but on mobile and tablets the whole topbar is now not visible (on my home and 404 pages where I use transparent header). The topbar text there is all white as it should be, but on mobile devices the transparency does not work, so the topbar text is not visible.
    Could you help me, please?
    Monika

    April 26, 2017 at 9:17 am #783341
    Sarah

    Hey Monika,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
@media only screen and (max-width: 767px) {
   .responsive .phone-info{ color:#35383c !important; }
}

    You may edit the color to suit your preference.

    Best regards,
    Sarah

    April 26, 2017 at 12:54 pm #783433
    MWCBT

    This solution does not work. With this code the site started to display content max width 767px on each device and problem with not visible topbar remained.
    Regards,
    Monika

    April 26, 2017 at 2:31 pm #783496
    Sarah

    Hi Monika,

    I have edited my previous reply. Can you try the code that is there now?

    Best regards,
    Sarah

    May 8, 2017 at 10:18 am #789371
    MWCBT

    Hi, it works now, but the e-mail address in topbar with transparent header is white what means that is not visible on tablet/mobile phones.
    It should be white when the picture is below topbar, but should change color to default when on mobile & tablet the picture is not displayed under the topbar.
    Monika

    May 8, 2017 at 11:06 am #789401
    Victoria

    Hi Monika,

    It is working like you need, you just don’t see it because it hides behind the WordPress menu. I added extra padding just to show you that the color changes to dark grey and it is visible. Screen shot in private.

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

    May 8, 2017 at 11:13 am #789404
    Sarah

    Hi Monika,

    I have changed the code in your Quick CSS to include the color for the email in mobile phones.

    @media only screen and (max-width: 767px) {
   .responsive .phone-info,
   #header.av_header_transparency a.email {
      color:#35383c !important;
   }
}

    Let us know if you need further help.

    Best regards,
    Sarah

    May 8, 2017 at 11:27 am #789420
    MWCBT

    Now is perfect. Thank you!
    Monika

    May 8, 2017 at 11:40 am #789437
    Sarah

    You’re welcome! We’re glad to help.

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/

    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

    Thank you for using Enfold.

    Cheers!
    Sarah

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘topbar colour’ is closed to new replies.