Sticky on mobile does not work consistently on portfolio & other pages - Forum | JoomShaper
Staff replied SP Page Builder

Sticky on mobile does not work consistently on portfolio & other pages

Asked by Klaus Fuchs 4 years ago Last activity 4 years ago

Hello!
the sticky menu (canvas) on mobile does not work consistently,
In some situations it is not shown at all, sometimes the menu display is flickering.
Maybe a layer problem?
Is it possible to turn off the fade in? If yes/ where???
Please test on a mobile device! Testing with the browser on mobile works. See my screenshot here:
https://prntscr.com/21dog53

34 replies

Toufiq Senior Staff

Hi there,

Thanks for contacting us. Sorry for the inconvenience. I have checked my end and no problem found.

Screenshot_2021-12-03-18-15-30-304_com.android.chrome.jpg

-Thanks

Pavel

Hi. Try this code

#sp-header {
animation: none !important;
}
Klaus Fuchs Asked this
4 years ago · edited

hi,
no change:-(

I tried:
Iphone 8:
safari, opera, FF
all the same issue:
browse to the end of a page, then swipe to go up, no sticky menu, swipe done, sticky menu ok.
If I try desktop with responsive viewer it works.
I need to have that fixed.

I found that:
https://github.com/JoomShaper/helix-ultimate/issues/149

Thanks Klaus

Toufiq Senior Staff

Please check & let me know. Thanks

Klaus Fuchs Asked this

Hi,
no. this Link shows that the issue still exists.
I urgently need a solution on that, my client is not amused. And because of the other issue--> https://www.joomshaper.com/forum/question/8941 It is getting critical.
I build a fast copy of the website with joomlashine and with yootheme pro, it works as expected without any bugfixes or individual coding.
Please take this issue as a urgent & serious issue with priority.

I hope we find a solution in the next two days.

Klaus

Pavel
4 years ago · edited

Hi. Delete this one

#sp-header.header-sticky {
    animation: initial;
}

Replace

#sp-header {
    animation: initial;
}

to

#sp-header {
    animation: none !important;
}

Set Header offset to 0 in template settings (Basic tab).
This is the maximum what can be done without editing core template files.

Unfortunately, Header is still a headache in Helix Ultimate throughout its existence.

Klaus Fuchs Asked this

hi thanks for the answer.
But still the same issue.
Browse on a mobile device until the bottom of a page. Then browse to the top - no header, browse bit down header is shown, but then browse up - no more header.
This is a crucial error, I hope I can explain this to my customer, if not I have to use another framework :-) Especially that the other error, sorting in portfolio, is still not fixed.

Klaus

Pavel

Did you make a cache cleaning on your device? I checked on my Samsung - Firefox, Chrome - works great without any problems

Pavel
4 years ago · edited

UPD. I checked your site until full loading. At this moment, the browser toolbar panel is static. After page full loading, I saw the problem - it is associated with a floating browser toolbar. When it appears Header disappears. Nevertheless, there was no such problem in Helix Ultimate 1.

For the developers team, you can reproduce the problem on the desktop. To do this, you need to cause a shock effect on the page. If you click F 12 To invoke Dev Tools Header disappears, just like on mobile device. After closing the Dev Tools Header begins to work not correctly until page refresh.

Log in to reply.