Header Responsive Sticky dissapear when resizing

1 reply · opened Nov 22, 2019

Jjosema0890Nov 22, 2019

Hi, first of all, I want to say thanks for creating Canvas, I'm enjoying it a lot since I buyed it this week, but there is a little problem with the sticky navbar that it's anoying me, and I can't find how to fix it.

I will detail the steps to reproduce it, it happens with the sticky-navbar template, I just copied from the html file provided, but since I'm making it locally, I will leave your url demo to have better access to it.

Responsive Sticky Template

This is a video showing the issue:

Video of the Issue

It happens when you resize your browser from a mobile to desktop resolution or vice versa.

1st) You need to be scrolled down a little bit on the website, only for triggering the sticky header behaviour (I think).

2nd) You need to have your browser on a PC resolution (like, lets say 1350px) and then resize it to a mobile size.

3rd) When the resolution gets to 991px the navbar will dissapear (it's on the top of the page) and will not behave sticky until you move the web to the top and then scroll down.

I would like to give you an actual url of the website i'm making but as I said early, I'm doing it locally and I just used the same navbar from the template provided early.

Thanks in advance, have a nice weekend.

SSemicolon WebSTAFFNov 24, 2019

Hello,

Thank You so much for the Kind Words! :)

Thanks for reporting this, however, unfortunately, this has been created this way to minimize repaints during Browser Resize which causes a lot of JS overhead memory and slows up the Page. Considering the actual user would never resize your Page to view your products, this should not degrade the user experience. Hope we were able to clear your doubts regarding this.

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

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