3 replies · opened Aug 16, 2018
I noticed that while in Chrome the logo is displayed correctly, in Edge it appears to be squizzed. Attached image shows the same page header in both browsers.
Please help me figure this one out.
URL: http://pz.icarteam.us/index.html
Hello,
We have checked out the Codes you are using in the Logo Area and unfortunately, the #logo Container currently does not .row DIVs. Additionally, instead of using just .col for the Logo, use .col-4 to make sure it follows the Bootstrap Standards of a 12 Columns layout.
Moreover, we have also noticed that you are not using a Retina Logo. It is highly recommended to use a Retina Logo to make sure that your Logo is displayed properly on Retina Devices like iPhones, iPads or Retina Macbook. Please use the Default Logo codes provided in the Files from the Package.
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.
Hi, thank you for the reply! I used the row and col divs in the logo area to allow for a slogan to be positioned next to the logo. If the row / col divs are not supported in the logo area of the header, would you suggest an alternative way to accomplish the same slogan positioning?
Hello,
It is highly recommended to only use a Single Logo Image in the Logo Area and incorporate your Slogan in the Image. This way the Layout will not be compromised or cause any unexpected issues.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
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