Centering menu

Hi vantagepointmg,

Please try to add this CSS code:

@media only screen and (min-width:1367px) {
  #header .main_menu {
    left: 260px;
    display: flex;
    justify-content: center;
  }
}

Hope it helps.

Best regards,
Nikko

Hi MacKenzie,

The link for the screenshot does not seem to show anything.
Can you try to re-upload it?
Also, the code should only affect larger screens like laptop or desktop, does it get fixed if the code is removed?

Best regards,
Nikko

Hi vantagepointmg,

This was the code that was responsible for the size:

.logo img,
.logo svg {
height:160%;
max-height:240px !important
}

To fix it, please try adding this CSS code as well:

@media only screen and (max-width:767px) {
  #top #header_meta {
    padding-top: 10px;
  }

  #top #header_meta .sub_menu .menu-item {
    margin-bottom: 12px;
  }

  #top #header_meta .sub_menu * {
    font-size: 14px;
  }

  #top #header_meta #menu-item-130, 
  #top #header_meta #menu-item-131 {
    text-indent: -999em;
  }

  #top #header_meta #menu-item-130 img, 
  #top #header_meta #menu-item-131 img {
    position: absolute;
    top: 0;
    left: 0;
  }

  #top #header .av-burger-menu-main a {
    max-height: 80px;
    line-height: 80px !important;
  }

  .logo img, 
  .logo svg {
    max-height: 80px !important;
  }
}

Best regards,
Nikko

Hi vantagepointmg,

Please try to replace the CSS code I gave with this one:

@media only screen and (max-width:767px) {
  #top #header_meta {
    padding-top: 10px;
  }

  #top #header_meta .sub_menu .menu-item {
    margin-bottom: 12px;
  }

  #top #header_meta .sub_menu * {
    font-size: 14px;
  }

  #top #header_meta #menu-item-130, 
  #top #header_meta #menu-item-131 {
    text-indent: -999em;
  }

  #top #header_meta #menu-item-130 img, 
  #top #header_meta #menu-item-131 img {
    position: absolute;
    top: 0;
    left: 0;
  }

  #top #header .av-burger-menu-main a {
    max-height: 80px;
    line-height: 80px !important;
  }

  .logo img, 
  .logo svg {
    max-height: 80px !important;
  }

  #top #header_meta .sub_menu #avia2-menu {
    height: auto;
  }

  #header_main {
    padding-top: 8px;
  }
}

Best regards,
Nikko

Hi vantagepointmg,

The social icons are close on my end, can you try to add this CSS code and see if it helps:

@media only screen and (max-width:767px) {
    #avia2-menu {
        text-align: center;
    }
}

Best regards,
Nikko

Hi vantagepointmg,

You’re welcome :)
Just let us know if you still need further assistance.

Best regards,
Nikko