Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 15, 2019 at 12:16 am #1127774
    mattb1169

    Hi,
    I’ve set custom css to create an opaque overlay on the desktop version of our new website (under construction). When I pull it up on mobile the transparency effect is not present, which is ok but I would like the logo/header area to be white if the desktop element I’ve created is not possible for mobile. Any ideas?

    Thank you!

    August 16, 2019 at 7:33 am #1128154
    Mike

    Hey mattb1169,
    Sorry for the late reply, if I understand correctly you would like a transparent mobile header. Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 766px) { 
  .responsive #top #main {margin-top: -80px!important;}
  #top #wrap_all .av_header_transparency {background-color: transparent!important;}
  div#header_main > .container {display: block !important;}
  }

    Best regards,
    Mike

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