Hello,

As for the blog carousel please try this code:

@media (max-width: 1024px){
body div[class*="wd-carousel-spacing"] .owl-nav>div[class*="prev"] {
    margin-left: 50px;
}
body div[class*="wd-carousel-spacing"] .owl-nav>div[class*="next"] {
    margin-right: 50px;
}
}

Please add this code to the Theme Settings > Custom CSS > Global and you can change 50px as per your needs.

As for the header please add this code:

@media (max-width: 1027px) {
  body .whb-hidden-desktop,
  body .whb-hidden-lg {
	display: flex;
  }
  body .whb-hidden-mobile,
  body .whb-visible-lg {
    display: none;
  }
}

If the code does not work as you wish, please provide the access to your site I will double-check and send you the corrected code. Your site is blocked now: https://prnt.sc/11tbpur

Best Regards