Canvas Support

Final Bugs to FIX before upload, thanks for the amazing work ! :)

34 replies · opened Feb 25, 2018

MMike06400Feb 25, 2018

Hello dear CANVAS TEAM,

I posted a few threads as I was working on the website, and eventually I found by myself almost all the answers to fix my problems on my own.

I think it is better and more understandable for you that I create a unique thread detailed so you can help me easily, thanks in advance !

1 / Transparency of the top bar : when you resize the window in a small height, you see the footer through the top bar, I noticed the top bar was by default transparent so I put it white, but the problem remains in a certain size, please see this video, on the top of the video you will see, it seems the footer appears between the slide and the top bar : (see next private message)

2 / On the document outline of this page

http://themes.semicolonweb.com/html/canvas/v5/contact-7.html

you get "about:blank 0 headings"

does it have an incident on the seo ? Here is the full result, the problem is at the end :

13 headings
<h1>(Missing heading)
<h2>(Missing heading)
<h3>(Missing heading)
<h4>Shopping Cart
<h1>Contact
<h2>(Missing heading)
<h3>Send us an Email
<h4>Blogroll
<h4>Recent Posts
<h4>Lorem ipsum dolor sit amet, consectetur
<h4>Elit Assumenda vel amet dolorum quasi
<h4>Debitis nihil placeat, illum est nisi
<h5>Total Downloads
<h5>Clients
<h5>Subscribe to Our Newsletter to get Important News, Amazing Offers & Inside Scoops:
<h4>Preloaders Styles
<h4>Niche Demos
about:blank 0 headings

3 / On the contact page I have a full screen size GMAP

I also have on my website a footer that is sticky, the sticky footer works on every page but NOT on the contact page because when I activate it, the g map goes under the footer sticky, please can you tell me how to activate again the footer sticky menu on this page, of course I want to keep the full screen g map, Actually I need the page to appear exactly as it currently is, but I want to add a working version of the sticky footer

Please see next message for the video of question 1 and link of the test version of the website

MMike06400Feb 25, 2018

That's it, I think the website is done after we fix this, and to let you know since you already know I am as perfectionist as you, when you visit the website REALLY from a mobile phone (Iphone), the loader doesnt dispay normally, please see how it goes here : http://eden-boites.com/52bfe1da-386b-4f2b-a1a5-31919888182b.MP4

MMike06400Feb 25, 2018

When I say done after we fix this I was talking about the 3 previous questions of THIS topic, and maybe the question number four of the mobile loader :)

SSemicolon WebSTAFFFeb 28, 2018

Hello,

Thanks for your Patience!

  1. The Slider Parallax with inner is not currently designed to work with the Top Bar. Consider using the following CSS Code:
@media (min-width: 992px) {
	#top-bar + #slider {
		top: -45px;
		margin-bottom: -45px;
	}

	.slider-caption { margin-top: 45px; }
}

  1. This will not have any effect on the SEO as the Page already has headings.

  2. Please activate the Sticky Footer on the Contact Page so that we can further investigate this page.

  3. Thanks for reporting this to us. We are looking into this and will provide you with a solution shortly. Thanks for your Patience.

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

MMike06400Mar 1, 2018

Thanks for the answers, so :

1 / unluckily when I add your code, it fixes the problem but creates another one, as you know on xl and large resolution the social links top bar needs when you rollover to open the three tabs, facebook, show the full telephone and the whole email, but with your code it doesnt work properly it make the social links clickable in large mode in exactly the same way than on mobile mode, see here: https://eden-boites.com/FINAL/index.html

2 / can you excplain me what it means the about:blank 0 headings ?

3 / it is activated on this page : www.eden-boites.com/FINAL/contact%20-%20Copie.html as you see the page doesnt display well, and as on the 404.html page and mentions-legales.html the footer also appears through the primary menu on top when the height of window is small

4 / when will you provide the solution please ?

5 / we have same problem than 1 on this page we see the footer through the primary menu on top : https://eden-boites.com/FINAL/mentions-legales.html

SSemicolon WebSTAFFMar 1, 2018

Hello,

  1. We are not experiencing this issue. Please clear your cache and check again.

  2. We are not sure where you are getting this since the Headings are defined according to the importance of the Text. This article might be good read: https://css-tricks.com/document-outline-dilemma/ .

  3. Placing the #map-overlay Section inside the #content Section will automatically fix this issue.

  4. We are running more test on this. So as soon as we find a solution we will let you know. Thanks for your Patience.

  5. Well, currently there is no solution for this since the Header is Semi Transparent. Additionally, the Height of the Browser is likely to be larger than you are trying to view the issue on.

  6. We are not really sure about this issue but the issue definitely appears when trying to use an animated GIF with background cover property.

Hope this Helps!

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

MMike06400Mar 2, 2018

1/ ok thanks

2/ ok thanks

3/ PLEASE TELL ME HOW TO, I have tried everything its not working, what do I need to put and where Im begging you

4/ Is there another one I could put instead that will work good on iphone ?

5/ ok thanks..

6/ Is there a way to change the property to avoid this problem ?

Thanks I am done :)

MMike06400Mar 4, 2018

So in addition to the previous questions :

How to make a page-menu top bar always sticky also on mobiles please ?

And on mobiles, some numbers become phone links and they should not, please see SIRET here ; https://eden-boites.com/contact.html

SSemicolon WebSTAFFMar 4, 2018

Hello,

  1. Please find the following code:

	...

and replace it with: 


	
		...

  1. All the other Preloaders appear to be working fine. We are not really sure why there is an issue with the Preloader you are working with but we are definitely running more checks on this and will surely provide you with a solution soon. Meanwhile, please consider using a different preloader. Thanks for your Patience!

  2. We are not really sure about this since this works fine with the Standard non-animated JPG/PNG Images.

  3. Sticky Page Menu on Responsive Devices are supported by simply adding the .sticky-responsive-pagemenu Class to the <body> Tag. Unfortunately, sticky #top-bar is currently not supported but we will surely release an update soon to enable this feature natively.

  4. This is a Mobile Browser feature and they are not controlled by the Template.

Hope this Helps!

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

MMike06400Mar 4, 2018

3/ when you scroll down there is a big white space between the end of the map and the top of the footer, something is wrong please double check, thanks a lot

4/ are you going to update me on this topic please ? additionaly I found a lot of preloaders on internet but is it difficult to install them instead of yours ? thanks

6/yeah its weird because it is working 8 times over 10

7/same are you going to update me on this topic please ? is there a way I can find a solution online ? I guess it is exactly the same behaviour than the page menu to adapt on the top bar ?

8/ is the format detect no still supported ? I found tthis online but i heard its not working anymore ?

Thanks for all the precious help and the marvelous work my website thanks to you looks incredible

MMike06400Mar 4, 2018

sorry for 3, its fixed thanks :)

MMike06400Mar 6, 2018

Its me again :)

On my index page, https://eden-boites.com

Is there a way to keep the header video EXACTLY as it currently is which means with the overlay grid, the gotosection animated button, the hover logo and animated texts etc, but JUST to replace the local video that weighs 35 mo with a youtube incoporated video link ? Thanks !!

MMike06400Mar 11, 2018

Hello, in the meantime that I still wait for the answers to the previous questions, please allow me to add another one :

On the page devis en ligne, the first place of the form is containing already the word BOITE DE VITESSES, but sometimes customers need to send multiple requests, and I figured out that once you submit the form, the form goes empty again INCLUDING the first place that SHOULD be already filled with BOITE DE VITESSES, can you please help ?

Thanks a lot

https://eden-boites.com/devis-en-ligne.html

SSemicolon WebSTAFFMar 14, 2018

Hello,

Thanks for your Patience!

  1. Yes we will surely update you on this. You can use the data-loader-html='' Attribute on the <body> Tag to your own Preloader HTML Code. This attribute is specifically for Custom Preloaders. Consider checking the demo-medical.html Template for the example.

  2. Unfortunately, this is not the same behavior as the Page Menu and requires different CSS functionality for it to work together with the Menus. So currently this is not supported.

  3. Consider adding the following code in your Document <head>:

  1. You can simply delete the following code in the js/functions.js File from inside the contactForm: function() Function Block:
if( data.alert != 'error' ) { $(form).clearForm(); }

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.

MMike06400Mar 27, 2018

thanks for the answers, one has been forgotten I put it again here please :

On my index page, https://eden-boites.com

Is there a way to keep the header video EXACTLY as it currently is which means with the overlay grid, the gotosection animated button, the hover logo and animated texts etc, but JUST to replace the local video that weighs 35 mo with a youtube incoporated video link ? Thanks !!

so keep everything the same but instead of making load a heavy html video I put it in HD YOUTUBE instead, but with everything working same around

Thanks and best regards

MMike06400Mar 27, 2018

also sorry but this has not fixed the issue, the first container with a fixed content BOITE DE VITESSE in the form doesnt remain after we submit the form, it goes blank:

"On the page devis en ligne, the first place of the form is containing already the word BOITE DE VITESSES, but sometimes customers need to send multiple requests, and I figured out that once you submit the form, the form goes empty again INCLUDING the first place that SHOULD be already filled with BOITE DE VITESSES, can you please help ?"

MMike06400Apr 2, 2018

? any answers please ?

SSemicolon WebSTAFFApr 5, 2018

Hello,

Thanks for your Patience!

  1. You can change the Video Background to Youtube, by simply using the code below:

You can check this out if this works for you. However, you will need to check all your customizations as we cant confirm if they work the same way.

  1. The codes we have mentioned above are still not deleted which is why the Forms are getting reset. Deleting the codes as mentioned above will surely fix this issue.

Hope this Helps!

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

MMike06400Apr 5, 2018

sorry the codes have been deleted, can you tell me what line you still see them ?
Please Im begging you to answer asap if you do not mind
thanks a lot

about youtube all the customisation goes away so I will stick to the current settings...

MMike06400Apr 5, 2018

something is weird, I managed to make youtube work with your precious help, on iphone there is a wide space under the video, I went on responsive css line 1540 and switched from 250 px to 210px to adapt it to the right size, unluckily it doesnt work, can you see why please ? Thanks a lot

MMike06400Apr 6, 2018

Hello, so that's it, the youtube video is perfectly incorporated, the problem is that the video is not responsive at all and displays really badly on every screen, please check tablet mode, or even large screen the video doesnt display responsively, please can you help ?? Thanks a lot :)

you can find it on index page

SSemicolon WebSTAFFApr 6, 2018

Hello,

Thanks for your Patience!

  1. For the Contact Form issue, you can simply delete the following code in the js/functions.js File from inside the contactForm: function() Function Block:
if( data.alert != 'error' ) { $(form).clearForm(); }
  1. We have checked out all the possibilities for the Youtube Background Video and unfortunately, the Plugin does not support proper resizing on all devices. We will surely work on a solution for this. So, meanwhile, it is recommended to use the HTML5 Video. Thanks for your Patience.

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

MMike06400Apr 6, 2018

Guys thanks for the fast answer

Like I said I already deleted this line : if( data.alert != 'error' ) { $(form).clearForm(); }
it still does not work, please check my function page you will see its not there, any idea ?

About the youtube video, it works amazing but the lack of responsiveness ruins it, I found out this page here that makes the video youtube respoonsive but I dont have talent and skills enough to incorporate to the template canvas, would you mind helping me please ? I dont mind to pay you for the service please it is important for us, thanks to the externalisation of the content our page FINALLY after all these years displays extremely fast :

https://codepen.io/ccrch/pen/GgPLVW

SSemicolon WebSTAFFApr 6, 2018

Hello,

  1. We have checked out your Website and the Contact Form appears to be working fine for us now. Please clear the Browser Cache or Hard Refresh the page to view this.

  2. We understand but unfortunately, we currently do not provide customization services. You will need to Hire a Freelancer in order to fix this for you. Meanwhile, we will surely work on making the Youtube BG Video responsive. Thanks for your Patience.

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

SSemicolon WebSTAFFApr 6, 2018

Hello,

You can consider getting in touch with sleekux@gmail.com . He is one of our Recommended Freelancers.

Hope this Helps!

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

MMike06400Apr 6, 2018

Hello, thank you for your help ! Great feedback I appreciate I already tried to contact your colleague !

About the issues I actually found out a bug on the template please see this here :

www.eden-boites.com/39124ea1-c27c-4c98-954a-02e331b7ae6f.MP4

when you open the menu, the image in the header zooms a lot in close up, and there is a margin border that appears on top as you can see, can we fix this ?

Thanks
Best
Mike

MMike06400Apr 16, 2018

Any update please ?

SSemicolon WebSTAFFApr 16, 2018

Hello,

Thank You so much for your Patience!

We have just checked out your Website and the issue you are mentioning actually does not exist on the Mobile Device. Please check your Website using a Mobile Device and you will not see this issue with everything working perfectly fine.

Hope this Helps!

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

MMike06400Apr 18, 2018

Hello thanks for the answer, did you try it on a tablet though ? We have customers surfing on our website through ipads also

Thanks
Best

SSemicolon WebSTAFFApr 18, 2018

Hello,

We have checked your Page on an iPad as well and appears to be working fine. We assure you that there will be no issues on any Touch Device.

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