Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 17, 2016 at 9:59 am #633588
    Arnaud

    Hello everyone

    I have a small problem

    When the website page is in mobile mode, the top is white and the writing should be gray (and therefore visible)

    The website:
    http://www.siebering.com

    Thank you very much

    QUICK CSS that there are currently:

    #top .social_bookmarks li a {
    color: #ffffff;
    }
    #top .header-scrolled .social_bookmarks li a {
    color: #a7abb1;
    }
    #top .phone-info a { color: white; }
    #top .header-scrolled .phone-info a { color: #889095; }

    May 17, 2016 at 6:32 pm #633900
    Jordan

    Hey Arnaud,

    Thanks for getting in touch with us!

    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 #top #header_meta .social_bookmarks li a {
    color: #aaaaaa !important;
}
}

    Change the color to the gray you want.

    Best regards,
    Jordan

    May 17, 2016 at 9:12 pm #633991
    Arnaud

    Thank you for your reply.
    Your code works partially.
    Indeed, social networking icons appear. But it lacks some of the menu and the company phone number that will always appear in white on the mobile screen.
    http://www.siebering.com

    • This reply was modified 8 years, 7 months ago by Arnaud.
    May 17, 2016 at 11:38 pm #634081
    Jordan

    Hi,

    Try the following code instead:

    @media only screen and (max-width: 767px){
#top .phone-info a, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a {
    color: #EC1C1C !important;
}
}

    Let me know how it goes!

    Best regards,
    Jordan

    May 18, 2016 at 9:52 am #634259
    Arnaud

    Thank you very much Jordan
    Everything works fine ! ;)

    In quick CSS section, there is now this:

    #top .social_bookmarks li a {
color: #ffffff;
}
#top .header-scrolled .social_bookmarks li a {
color: #a7abb1;
}
#top .phone-info a { color: white; }
#top .header-scrolled .phone-info a { color:  #889095; }
@media only screen and (max-width: 767px){
#top .phone-info a, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a {
    color: #55606e !important;
}
}
    • This reply was modified 8 years, 7 months ago by Arnaud.
    May 19, 2016 at 6:23 am #634960
    Ismael

    Hi,

    Great! Glad is is working now. :)

    Best regards,
    Ismael

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