Mobile Logo overlapps menu icon

Hey DROR,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
      left: 0;
      right: auto;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi bakbek,

Do you mean you want the logo left/burger right set up for mobile?

Best regards,
Victoria

Hi bakbek,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .main_menu {
    left: auto;
    right: 0;
  }
  .html_header_top #top .av_logo_right .logo {
      left: 0;
      float: left;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi bakbek,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 479px) {
  #header_meta {
    display: none;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria