Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1408167

    Hi great support
    I would like to have custom header like the one you can see here, would it be possible?
    Gianluca from Italy


    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.


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

    Best regards,


    Hi Ismal thanks for your reply but
    It doesn’t seem to work as well as I would like, the logo even goes off the left edge.
    You can check for yourself at the url
    Thanks Gianluca



    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,

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.