sticky header on mobile

4 replies · opened Aug 9, 2017

MMike06400Aug 9, 2017

Hello, I found out a bug, I think it comes from the fact that the menu doesnt appear on very top like I am trying to do :
please see the screenshot that comes next :

MMike06400Aug 9, 2017

www.eden-boites.com

the problem is only on iphones not on computers

so on the index page the menu is coming from bottom to top and becomes sticky, and the transition doesnt appear on the right height, it takes about 20 pixels to become sticky, please see picture

ps : the problem doesnt appear on other pages

MMike06400Aug 9, 2017

screenshot

MMike06400Aug 9, 2017

screenshot i think the previous didnt upload right

SSemicolon WebSTAFFAug 10, 2017

Hello,

We have gone through this very deeply and run many tests on this and the conclusion on this is that the Sticky Header appears to be working fine in accordance with the Sticky Offset set for the Header, however, this happens only on iOS Devices because you will notice that the iOS Safari Address Bar shrinks when you scroll down and that is the reason why the Header turns sticky a little later. Unfortunately, this cannot be controlled because this is a Browser 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