CSS needed for landscape mode of Galaxy S8

Hi, I've got a header menu/secondary menu that changes position and overlaps the logo on landscape view of phones, specifically for Samsung Galaxy S8 - can I get CSS to stop it doing that please?
The part in header saying "Individually tailored eye tests in your home or office." needs to be centered aligned instead.
Here's what I see, after latest change proposed by Dimitris in chat https://static.livechatinc.com/8801096/OZ4O38FXYS/c20d05e8888072cb6bee98f6750b2377/s8landscape.PNG

@media screen and (min-width: 740px) and (max-width: 741px) {
  #secondary-nav-bar-location-1 {
    width: 100% !important;
    right: 0 !important;
  }
  #sec-nav-text-area-1 h4 {
    text-align: center !important;
  }
}

This seems that's working for responsive mode of Firefox (https://monosnap.com/file/6itreCh8XJlxlteC6D66XzZj4kXQej#), not in my S8 device though.