Thanks that worked. Is there a way to change the size of the main menu’s font size when the header is shrunk down?

kalinkacs I made a few changes in the quick css window to get it to resize properly on desktop and mobile. You may have to adjust for your logo size and amount of menu links. I hope this helps.

@media only screen and (min-width : 1024px) {
.html_header_sidebar .logo
{
  position: relative;
  clear: both;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
}

.html_header_sidebar #top #header
{
  width: 175px;
}
.html_header_left #main
{
  margin-left: 175px;
  position: relative;
}}

/*@media only screen and (min-width : 600px) {
.html_header_sidebar #top #header
{
  width: 300px !important;
}
.html_header_left #main
{
  margin-left: 300px !important;
  position: relative !important;
}

.html_header_sidebar .logo
{
  position: relative;
  clear: both;
  padding-top: 40px !important;
  padding-right: 40px !important;
  padding-bottom: 40px !important;
  padding-left: 40px !important;
}}*/