Hi

Thanks for contacting us and sorry for your issue. Could you please give me a screeshot of your issue?

-Regards.

Check the url i sent and click on gallery, this happens in safari, look at logo gets an overlay colour applied

see link in hidden section

Are you talking about its height? It does not work on mobile?

Hi Methataz

Please look at the logo on the link, then look at the logo when you click on the gallery link, you will see the logo gets covered in an overlay colour.

When i set the header height and refresh i dont see a change in mobile height.

Problem 1 = Logo overlay Problem 2 = mobile header height

Please see below link should explain the logo issue better

Use this CSS in your custom.css file for logo

.header-style-2 #sp-header .logo img {
    filter: unset !important;
}

Use this CSS in your custom.css file for header height

@media (max-width: 575px) {
    #sp-header {
        height: 100px !important;
    }
}

I have updated and i dont see any imporvement 

Any idea? Also noticed that the phone symbol jumps position when flicking to the gallery page within the top row / header

Dont you want it like this?

Correct yes, i find that the gallery page is doing something to the css where its applying and overlay and swapping the phone symbol round.

I have added your custom code the phone symbol still changes when you click on gallery?

I dont understand what's actually you are talking about? Are you talking about this phone symbol?