logo center, burger menu right

Hey melanie_erfrischt,

Thank you for the inquiry.

You can use this css code to move the logo at the center of the header.

.responsive .logo {
  float: none;
  left: 50%;
  transform: translateX(-50%);
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Thanks for the update. Please try this CSS as well:

@media only screen and (max-width: 767px) {
.responsive .logo {
    left: 0;
    transform: translateX(0);
}
}

Best regards,
Rikard

Hi,

Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard