Mobile menu

Hey cybercats,

There is no room for all those elements on mobile, I suggest you move the search form above the logo and the menu on mobile, or remove it and we’ll try to add Enfold search icon close to the burger.
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) {
  .responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
  }
  .responsive #top .logo {
    margin-left: 0px !important;
  }
  #menu-item-shop .cart_dropdown_link {
    padding: 0 10px;
    float: right;
  }
  .responsive #top #menu-item-shop.cart_dropdown {
    margin-left: 0;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi cybercats,

This is the code to hide the search

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

Best regards,
Victoria

Hi cybercats,

Just now I notice, that you have old html in the header. You probably have an old version of the header.php in a child theme. You need to put a fresh copy there and put you changes there as well.

Best regards,
Victoria

Hi cybercats,

If there are no changes to be made in the child theme, there is no need to have a header.php in your child theme. Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

Best regards,
Victoria