Reducing font size for pages

you can do the positioning via Enfold – Header – Menu and Logo Position: there you can choose the option Logo center menu below.

Or you can try to influence the parameters for your header layout be:

Well first of all i would deminish a bit your Menu font-size from 15 to 14 and change a bit the padding.
Because your Menu is very big (witdth):

#top #header .av-main-nav > li > a {
    font-size: 14px;
    padding: 0 11px;
}

than you can change the break-point where the mobile menu starts through media query rule:
(i do put those media querries allway on the bottom of my quick css)

@media only screen and (max-width: 1070px) {
  .container #advanced_menu_toggle, #advanced_menu_hide {
      display: block;
  }
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: none;
}
}

Or maybe it is an opportunity to have a top navigation with less informative context (like imprint or about etc.)

• This reply was modified 7 years, 2 months ago by Guenni007.