Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #633588

    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; }

    #633900

    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

    #633991

    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, 5 months ago by Arnaud.
    #634081

    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

    #634259

    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, 5 months ago by Arnaud.
    #634960

    Hi,

    Great! Glad is is working now. :)

    Best regards,
    Ismael

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