header image shift/resize (nonprofit)

1 reply · opened Jun 24, 2019

MmachewllpJun 24, 2019

Hi. Loving canvas and all the options.

Am basing site on the nonprofit niche demo but when looking on mobile and slowly scrolling down page the main header image seems to suddenly get a bit bigger and then as continue scrolling down page it shrinks again. It is quite subtle but rather annoying once you know it's there. It is present in you own demo. Am viewing on a galaxy s7 and friend confirmed same on his device (he actually spotted it first).
Any idea why and how can stop it?
Thanks!

SSemicolon WebSTAFFJun 27, 2019

Hello,

Thank You so much for the Kind Words! :)

This actually is caused by the Resizing Address Bar of the Browser of your Mobile Device which causes the Slider to resize as it is Full Screen. To disable this, simply find and delete the SEMICOLON.initialize.fullScreen(); Function Block from the SEMICOLON.documentOnResize > init: function() Function Block in the js/functions.js File.

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