Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1304802

    Hello,

    Building a new site for a client and I am getting stuck on the transparent header and when viewing in mobile and how other pages are then also viewed in mobile when using a different header style.

    My home page is set to ‘transparent & glassy header’. However when in mobile view the small bar above header shows as a white background with white text. So I search the forum and found:

    
    @media only screen and (max-width: 767px) {
      .responsive #top #header_meta .social_bookmarks li a,
      .responsive #top #header_meta .phone-info,
      .responsive #top #header_meta .phone-info a {
          color: #444;
      }
      .responsive #top #wrap_all #header_meta .social_bookmarks,
       .responsive #top #header_meta .phone-info {
        display: block;
      }
    }
    

    This worked well as it brought back control of the text color for me but not the background color which i would also like to change. Help?

    Now, my other pages are set to ‘No transparency’ but when i view them on a mobile I get a theme background color that is correct (#0074a8) but the text is black but needs to be white.

    I hope this makes sense?

    i have admin access and a link to the other pages in PC below.

    Any assistance is appreciated.

    Cheers
    John

    #1305156

    Hi John,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #header_meta {
      background-color: red;
    }
    
    #header_meta .phone-info a {
      color: white;
    }

    Best regards,
    Rikard

    #1305181

    Thanks Rikard.

    I tried your code but could not see any change?

    Should I remove my previous code in replace of yours or is yours in addition to the code I had?

    I also have a little advanced styling in link in pc. Not sure if this affects anything?

    Cheers
    John

    #1305431

    Hi John,

    Please try this instead:

    .home #header_meta {
      background-color: red !important;
    }
    
    #header_meta .phone-info a {
      color: white !important;
    }

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.