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

    Hi,

    Would it be possible to activate “Header Transparency Glassy” on the frontpage, but disable this when viewed on a mobile device? We’ve played with transparency settings and colors in CSS, so the result is perfect on desktop, but awful on mobile. Is there any way to achieve that the transparency is turned OFF when viewed on mobile (or tablet)?

    #1015910

    Hey bramandelhofs,

    This should be possible via css. Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    #1016033
    This reply has been marked as private.
    #1016576

    Hi,

    I added this code to the quick css field to change the header color on mobile devices:

    
    @media only screen and (max-width:768px) {
    #top .av_header_glassy.av_header_transparency #header_main {
    	background-color: #fff;
    }
    
    #top #wrap_all #header_meta a, #top #wrap_all  #header_meta li, #top #wrap_all  #header_meta .phone-info {
        color: #ffffff;
    }
    }
    

    Best regards,
    Peter

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

You must be logged in to reply to this topic.