Hi,

Thanks for contacting us. Use this custom CSS

@media only screen and (min-width:386px) and (max-width:1199px){
.sp-megamenu-parent{
        margin: 0px -205px !important;
}
}

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

-Regards.

hanks. One more question I want to align the logo to the left so that it is flush with the text

https://test.imapolska.iq.pl/images/Screenshot_20.png

Ok for logo you can use this custom CSS

@media only screen and (min-width:850px) and (max-width:1500px){
#sp-header .logo{
    position: relative;
    right: 50px;
}
}