Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 28, 2018 at 8:43 pm #1015893
    bramandelhofs

    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)?

    September 28, 2018 at 9:03 pm #1015910
    Jordan Shannon

    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

    September 29, 2018 at 12:54 pm #1016033
    bramandelhofs
    This reply has been marked as private.
    October 1, 2018 at 11:59 am #1016576
    Dude

    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

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