Secondary logos overlap primary logo on mobile

Hey studiovene,

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

#menu-item-4492 {
    margin-left: 60px;
}
@media only screen and (max-width: 479px) {
   .responsive #top .logo img {
      width: 70%;
    }

   #menu-item-4492, #menu-item-4493 {
    margin-top: -10px;
    width: 25%;
  }
}
@media only screen and (min-width: 480px)and (max-width: 767px) {
  #menu-item-4492, #menu-item-4493 {
    margin-top: -10px;
    width: 25%;
  }
  .responsive #top .logo img {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive #top .logo img {
    width: 70%;
  }
   #menu-item-4492, #menu-item-4493 {
      margin-top: -10px;
   }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi studiovene,

Glad that Victoria helped you. :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!

Best regards,
Nikko