Header Issues

Good evening,

Ive had various issues with the Header, most have been sorted out with support adding CSS. The final issue i have is that mobile, laptop and desktops are perfectly centered but there is more than one header stacked on top of the other and android/apple tablets the logo in the header is off center to the right?

Can somebody kindly assist me urgently! Attached are examples of code supplied and stacked header.

Thank you!

Hey there,

Thank you for keeping in touch, for future reference, can you please reply to the discussion you started instead of opening a new one. This is to prevent multiple recurrences of the same issue.

You’re logo does look centered to me. (see screenshot).

You can also try this code that was applied to mobile which sets the logo to be contained rather than cover.

/*contain logo*/
.header-image-bg {
    background-size: contain;
background-repeat: no-repeat;
    position: relative;
}

Best Regards,
Support.

Good Morning,

Thank you very much for the CSS supplied it works perfectly. Sorry for the invconvenience will def do so!

Have a excellent day!

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support