How to add a padding to left of logo on Mobile Navigation

To add a padding to left of logo on Mobile Navigation, you can use this code to Custom CSS box.

@media screen and (max-width: 767px) {
 div.header-announcement-bar-wrapper {
    padding-left: 9vw !important;
  }
}