I want to remove logo on mobile

Hey James,

Thank you for the inquiry.

Using the following css code should hide the logo and remove the background of the header container. The modification will also adjust the color of the mobile menu.

/*
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 .logo img, .responsive .logo svg {
    display: none;
  }

  .responsive #top #wrap_all #header {
    position: fixed;
  }

  .responsive #top .header_bg {
    opacity: 0;
  }

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

  .header_color div .av-hamburger-inner, .header_color div .av-hamburger-inner::before, .header_color div .av-hamburger-inner::after {
    background-color: #000000;
  }
}

Please make sure to temporarily disable the Enfold > Performance > File Compression settings and purge the cache after adding the css.

Best regards,
Ismael

Hi,

Please add following code to Quick CSS as well

@media only screen and (max-width: 767px) { 
.av_minimal_header_shadow {
  box-shadow: none;
}}

Best regards,
Yigit

Hi,

You are welcome! :)

For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

Enjoy the rest of your day!

Best regards,
Yigit