Safari Problem

Hi there,
My menu on Chrome looks great, but on Safari the menu seems to be stuck to the top.

Could you please see if you know why this is?


You are probably using outdated Safari version (below version 7), and it cannot read display property flex. You can try custom css code below, but try every browser in order to be sure that it is working.

.site-header .container {

.main-navigation {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);

You can apply the code with simple custom css plugin.

Best Regards

thanks so much! your code worked

You’re welcome,

Best Regards