clocampbell

Hey, thank you for your suggestion!

Unfortunately amending the code to say '0' instead of 'px' and adding your additional code hasn't made a difference. 

If I remove all the code affecting the banner, there's no issues across either browser. However I'd ideally like the navigation text to be either side of the logo than below. 

Looking forward to your response, cheers.

You can see in one of the images below  the text overlaps the website logo. I've tried several things I've seen online and none have resolved the issue. 

The custom code I've used to play about with the spacing is:

/*Make split navigation*/
.header-nav {
    position: absolute;
    top: 5px;
    bottom: 0;
    margin-top: 0!important;
    margin-left: px!important;
}

.header-nav-item:nth-of-type(4) {
    margin-right: 300px!important;
}

.header-title-logo a {
    z-index: 800;
    position: relative;
}

I'm unsure if I need to add additional code, remove the code I've got. But every computer I've checked this with on Safari has the same issue.
(I've done the latest Mac OS update and that hasn't changed anything, as well as clearing safari cache)