Transparent mobile header

Hey fanlokbun,

Thank you for the inquiry.

You can use this css code to hide the logo on mobile view and make the header transparent.

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av_header_transparency {
    position: fixed;
    background-color: transparent;
  }

  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>img,
  .responsive #top .av_header_transparency.av_alternate_logo_active .logo a>svg,
  .responsive #top .logo {
    display: none;
  }
}

View post on imgur.com

Best regards,
Ismael

Hi,

The white line at the very top is part of the browser ui and was mistakenly included in the screenshot. It should not appear on the actual site.

Best regards,
Ismael

Hi,

Try to add this css code:

.responsive #top #main {
    margin-top: -1px;
}

View post on imgur.com

Best regards,
Ismael

Hi,

Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard