Hi there!

Sorry for your issue.

You may use the following media query in your custom CSS:

@media screen and (max-width: 1265px) and (min-width: 1200px) {
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 12px;
}
}

Hope this will solve the issue for you!

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

thank you, it fix the issue with the scrolling, but the logo is not resizing correctly on the menu no matter the size of the logo or menu section. See screenshots.