Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 27, 2016 at 12:04 pm #639231
    hugaud

    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

    May 27, 2016 at 12:31 pm #639245
    Vinay

    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

    May 28, 2016 at 4:47 pm #639797
    hugaud

    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

    May 28, 2016 at 5:41 pm #639805
    Jordan

    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

    May 28, 2016 at 6:01 pm #639811
    hugaud

    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.

    :-)

    May 28, 2016 at 6:08 pm #639814
    Vinay

    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

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