How to align retina logo to the center.

Question

Hi Support team,

I am trying to align my logo to the center of the page. It works perfectly on my laptop but it aligns to the left on mobile devices. I know the issue is with the retina logo, but I don't know where to make the change. Could you please help? Thank you in advance.

SemiColonWeb · Accepted Answer

Hello,

This is the Default Layout of the Headers on Mobile Devices. Since you are just using the Logo, simply use the following code:
[ch_pre]

](#)

[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

mille14 · Answer

Thank you so much for your assistance in this matter. It worked but the logo is loading a bit slow now. Is it because of the change we made? Also on the laptop the trimming on the image right below the logo is also loading very slowly. Not a big deal but wanted to know. Thanks.

Semicolon Web · Answer

Hello, The Logo should not load slow. The changes we have made are just the CSS Classes. So none of the Assets have been changed in any way. This might be just temporary. Meanwhile, we can see some HTML Validation Errors on your Page: https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.qrcodeproducti…

mille14 · Answer

Thank you for the advice. I checked your demo too and the Google font error appears there too. Also, I took care of one renegade /div. I will work on the others. Again thank you for looking out for me, appreciate it. Cheers.

mille14 · Answer

Actually, the corrections I made took care of the issue. Thank you very much.

Semicolon Web · Answer

Hello,

The error mentioned about the Google Fonts can be ignored as it will not affect the Page. However, unclosed HTML Tags are a big factor or Duplicate IDs.

Glad the issues were resolved. Very Happy to Help! :)

Do let us know if we can help you with anything else or if you find any further issues with Canvas.