Good Afternoon,
I have been having a few issues with the header, most of them have been sorted out via support which is greatly appreciated. The final issue I have with the header is that it is not centered when I use a pc, laptop or tablet but the mobile is perfect?
Can someone please assist me urgently with this problem?
I hope you are well today and thank you for your question.
You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.
Admin Area -> Appearance -> Customize -> Additional CSS
Use edit position of the logo on desktop by changing the value of the background-position-x. - value for left + for right.
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1) {
.header-image-bg {
background-size: contain;
position: relative;
background-position-x: -18px;
}
}
Best Regards,
Support
Good evening Support,
Thank you very much for the CSS that worked perfectly with centering the image, the problem is there are multiple logos below it, pls see the screenshot? Is there something in the CSS that must be adjusted? The logo is still off centre right with andriod and apple tablets but Desktop screens and laptops and mobiles seems great!