Tablet Logo Centering

Good morning. I am using Sydney Pro with the Logo to the left and Inline Menu. When I view the site in phone version, the Logo and Menu are centered, which is perfect. The tablet version, has the Logo to the left and the Menu CENTERED. It looks horrible. I would like the tablet version to appear like the phone, with the Logo and Menu BOTH CENTERED. I DO NOT want to do it in the Appearance/Custom settings as it makes the desktop version centered too, and I do not want that. The tablet and phone versions should ideally follow the same formats and they are not. Perhaps a little CSS will do the trick.

Thanks

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .site-header .col-sm-8{
        text-align: center;
      }
      .site-header .col-sm-8,
      .site-header .col-sm-4 {
        width: 100%;
      }
      .btn-menu {
        float: none;
        margin-left: auto;
        margin-right: auto;
      }
    }

Regards,
Kharis