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

    Hi,
    I have been able to achieve almost everyhting I needed by browsing the forum threads but one small thing eludes me:

    On the website in the link – set to private content as it is in development for a client – I have set the main nav area with a white background when users scroll up, out of transparent mode, with the top bar in the red with white text and social icons in white.
    However, on mobile devices the top bar returns to a white background 9so the white text is invisible) how can i maitain the red background on mobiles for this top bar please without affecting anything else ?

    Thanks in advance

    #639245

    Hey Hugues,

    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 .av_header_transparency #header_meta {
    background: #d9544f!important;
    }}
    

    Best regards,
    Vinay

    #639797

    Thank you Vinay,
    That worked perfectly :-)

    Can I trouble you for one more thing: how would I remove the light white border around the social icons on mobile please ?

    Thanks in advance
    Hugues

    #639805

    Hi,

    Please try the following CSS:

    @media only screen and (max-width: 767px){
    .responsive #top #header_meta .social_bookmarks li, .responsive #top #header_meta .social_bookmarks li:last-child {
        border: none !important;
    }
    }

    Best regards,
    Jordan

    #639811

    Thank you Jordan, that works great.

    It would have taken me ages to figure that one out, I appreciate the help. Splendid support as ever.

    :-)

    #639814

    Hi,

    Glad we could help! We really appreciate if you could rate our theme on themeforest.

    To know more about enfold features please check – http://kriesi.at/documentation/enfold/

    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change top bar colour on mobiles’ is closed to new replies.