Pro Header Rendering Issues In Safari

Support
#1

Hi,

I’ve tested my site on Chrome, Firefox and Blisk and it renders great, all formatting, layout and CSS etc displays properly.

But in Safari - Desktop & Mobile, there are some issues with the header layout.

Any thoughts on how to fix this? I don’t have any Apple devices at all so it makes it pretty hard to test.

Website is https://befairmarketing.co/

Screenshots attached

Thanks for your help

Dan

#2

Hey,

Thank you for writing in!

To check this better, can you provide to us your WP credentials in a secure note? This way we can take a look closer in the style of these buttons.

#3

Thanks, I’ve added a secure note above!

#4

Hey,

Thanks for sending us the details. I have checked the issue, seems due to flex position its causing the issue.
Please add the below css to the customizer css and let me know if its works for you.

.hm22.x-bar-container {
    flex: none !important;
    -webkit-flex: none !important;
  }

Thanks

#5

Hi,

Apologies for the very slow response, been one of those weeks.

This now appears to be working fine now.

Thanks for your help.

Dan

#6

Hi there,

Glad that we could be of a help.