Jumpy page on mobile phone

Question

Hello i have installed the cafe demo but have replaced the revolution slider with canvas slider with this markup after the header:


    
        
            
                
                
                Asian Spice
				Tandoori Restaurant
                
Dine in space for over 100 diners! Perfect for any occasion call: [0118 945 5595](#) or [0118 945 3334](#)

				[Book a table!](#section-reserve)

This is fine on big screen browsers and even responsive design mode, but on real mobiles there is a jump when I scroll down. You can see a live version here:
http://webdm.co.uk/ast/

Maybe I have an extra class somewhere that is causing this, I tried the to clear it with the `` but that didn't solve it.

Cheers

SemiColonWeb · Accepted Answer

Hello,

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.

supermanage · Answer

Great yep that sorted it, will removing this line cause any other issues? Thanks

Semicolon Web · Answer

Hello,

Not really. Only the Full Screen functionality will not work on Resize. But that would not affect most users since they will ideally load your website using only 1 device and resize it.

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