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.
Hello,
This is the Default Layout of the Headers on Mobile Devices. Since you are just using the Logo, simply use the following code:
<div class="header-row justify-content-center">
<!-- Logo
============================================= -->
<div id="logo" class="col-auto mr-0 order-lg-2">
<a href="#" class="standard-logo"><img src="demos/restaurant/images/Logo1@2x.jpg" alt="2000 Habesha Cultural Restaurant Logo"></a>
<a href="#" class="retina-logo"><img src="demos/restaurant/images/Logo1@2x.jpg" alt="2000 Habesha Cultural Restaurant Logo"></a>
</div><!-- #logo end -->
</div>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.
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.
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.qrcodeproduction.com%2F2000habesha%2F . Please consider fixing them to avoid any unexpected issues.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
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.
Actually, the corrections I made took care of the issue. Thank you very much.
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.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard