Canvas Support

Scrolling Issue and Video

3 replies · opened Jun 30, 2020

RRos777Jun 30, 2020

Hello again guys

I have a problem with a one-pager Im creating. The menu doesn't seem to want to scroll to the relevant areas on the page. I have checked and rechecked the code to see what went wrong.

I included some standard elements into the one-page, but I'm not sure whether any of that might clash with one-page scripts? Please advise?

Here's the link: https://www.aftershock.co.za/approvals/breakingwoke/op-yoga.html

Then, the video on the banner of the one-pager, doesn't seem to play the video on click. I seems this is an issue on demo-writer.html also, which is where I took this button from.

Could you please assist?
Thanks
R

SSemicolon WebSTAFFJun 30, 2020

Hello,

We have checked out your Page and while there does not appear to be any visible issues on the Page, the following code might be causing a JS Conflict:

Consider placing this code after the js/functions.js File at the bottom of the Page.

Regarding the Video, use this URL instead:


href="https://www.youtube.com/watch?v=JXUeIavYXr4"

This should definitely work fine. Hope this Helps!

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

RRos777Jul 1, 2020

Hello Guys

Nope, the Sharethis code does not cause a conflict. I had to redo the page step-by-step and decided to keep the #section-names as per your templates and that seemed to fix the issue.

The YouTube code updated things correctly - thanks for that.

Question 1: The background image used in the main banner is set to 'right'. However, the banner text is no longer legible when I view it on mobile view. Is there a way to change the background image to resize to 'left' alignment on mobile views? https://www.aftershock.co.za/approvals/breakingwoke/

Question 2: Also, I have changed the logo to be smaller on mobile views. When I test with Google's developer tools, it comes up perfectly with the hamburger menu next to the logo. However, when I test on my iPhone Plus, the logo is not smaller and the hamburger menu doesn't appear next to the logo, but below it instead. Could I ask you to check this? https://www.aftershock.co.za/approvals/breakingwoke/

Thank you for all your assistance - always very much appreciated.

SSemicolon WebSTAFFJul 1, 2020

Hello,

Apologies about the Inconveniences caused!

Thats a bit weird, as the section names can be any Custom Name and we have just run tests on this and it appears to be working perfectly fine for us.

  1. You will need to use Custom CSS Codes for this:

@media (max-width: 767.98px) {
	#slider {
		background-position: left top;
	}
}
  1. We have just checked this on an Older iPhone and it appears to be working perfectly fine for us (see screenshot). This might be an issue related to Cache. Clearing your iPhone's Safari Cache should fix this.

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