Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 2, 2016 at 6:05 pm #592238
    elames

    In this site: http://pagevalleyfair.org/wp/
    When viewing on smartphone I cannot see the dark blue top header area as I do on the normal pages.
    How can I fix this? I have tried several custom css but didn’t work

    See this image

    View post on imgur.com


    Thanks so much for your continued support.

    March 2, 2016 at 8:30 pm #592286
    begrafiks

    Hi @elemans ;
    try to add teses lines into your custom css file :

    @media only screen and (max-width: 767px){
#top #wrap_all .av_header_transparency{  background-color: transparent !important;}
}
    March 2, 2016 at 10:12 pm #592321
    elames

    Thank you that worked. But I was asking about the darker blue behind the phone number as per my image.

    • This reply was modified 8 years, 9 months ago by elames.
    March 4, 2016 at 11:32 am #593212
    begrafiks

    Hi @elemans ;
    in order to have your dark blue color in your “phone number zone” you should change the code above with following one (add the color that suites you),
    but as your Facebook logo is also a “dark” color you should change it’s color to “light”.

    @media only screen and (max-width: 767px){
#top #wrap_all .av_header_transparency{  background-color: rgba(13, 46, 208, 1) !important;}
#top #wrap_all .social_bookmarks {color: #ffffff !important;}
}

    To how to chose and add color with “rgba” informations are here

    • This reply was modified 8 years, 9 months ago by begrafiks.
    March 6, 2016 at 5:49 am #593839
    Rikard

    Hi @elames,

    Did you have any luck with @begrafiks last suggestion? If not then let us know and we’ll have a closer look.

    Thanks,
    Rikard

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