Header transparency – Mobile

Hey Alan,

Thank you for the inquiry.

Transparent headers are disabled on mobile devices or smaller screens by default, and we don’t recommend re-enabling them. However, if you wish to test it, please add this css code.

@media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header {
    position: fixed;
  }

  #top #wrap_all .av_header_transparency {
    background-color: transparent;
    color: #333333;
    border-color: #e1e1e1;
  }
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hi,

Alright! Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael