Canvas Support

Issues with Map

3 replies · opened Apr 6, 2016

MModularCollectiveApr 6, 2016

Hi guys,

I'm having some issues with the Map section, it seems to break on different devices but I can't find anything wrong with the code.

Hope you can help!

http://test.modularcollective.com

SSemicolon WebSTAFFApr 7, 2016

Hello,

We have just checked out your Website and there are Multiple Issues on your Page. There are Multiple Unclosed HTML Tags and Duplicate IDs on your Page which can cause different issues. Please consider fixing the following issues:

  • Always add all your Content inside the #wrapper Container as provided in the Sample Templates. We would find Multiple Sections outside the #wrapper Container which should be moved inside. Please make sure that you follow the correct HTML Structure of the Canvas Template which can be found in the Documentation > Start > HTML Structure Section.

  • Issue with Unclosed HTML Tags and Duplicate IDs: https://validator.w3.org/nu/?doc=http%3A%2F%2Ftest.modularcollective.com%2F

  • You seem to be using 2 #content Containers on a Single Page which is Incorrect and causes unnecessary issues with Structures and Javascript Implementations. Please make sure that you move All the Content of your Website except the Header and Footer inside the #content Container.

Fixing the above mentioned errors should automatically solve your Issues. Do let us know if we can help you with anything else or if you find any further issues with Canvas.

MModularCollectiveApr 7, 2016

Hi there,

Thanks for pointing me in the right direction! I was not aware of this validator, I appreciate it.

I believe I've fixed all of the issues on that list now, but I haven't been able to get the Map feature to stop breaking though.

I've removed the duplicate content containers and followed the documentation, but I'm not sure what's going on.

Hope you can help

SSemicolon WebSTAFFApr 8, 2016

Hello,

No Problem at All! We are always here to Help you with the issues you face with your Website! Always Happy to Help! :)

Regarding your Google Maps Issue, we have just noticed that you have Copied the Code directly from the contact.html Template, which is fine but it is recommended that you remove the .slider-parallax Class from the .gmap Element since this is most possibly causing the Issue.

This should definitely fix your issue. 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