custom header

Hey Gianluca,

Thank you for the inquiry.

This is possible, but it will require a few CSS adjustments. First, you need to go to the “Header > Header Layout > Menu And Logo Position” settings and set it to “Logo center, menu below”. Then, you can use the following CSS code to adjust the position of the elements:

@media only screen and (min-width: 768px) {
  .html_header_top.html_logo_center .logo {
    left: 0;
  }

  .html_cart_at_menu.html_header_top #top .main_menu {
    left: 0px;
  }

  .html_header_top.html_logo_center #header_main_alternate .main_menu ul:first-child {
    display: block;
  }
}

You can add this CSS code to the theme’s Quick CSS field or using a custom CSS plugin.

To place a phone and email element beside the logo, you can use widgets as described in the documentation below.

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

If you need further assistance or have any additional questions, feel free to ask.

Best regards,
Ismael

Hi,

You may need to adjust some of the values in the CSS rules provided above to achieve the desired effect. For instance, if you want to move the logo, you can set the left property to 50px:

.html_header_top.html_logo_center .logo {
    left: 50px;
  }

Best regards,
Ismael