Sticky On Mobile does Not Work Consistently On Portfolio & Other Pages - Question | JoomShaper

Sticky On Mobile does Not Work Consistently On Portfolio & Other Pages

Klaus Fuchs

Klaus Fuchs

SP Page Builder 2 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

0
34 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #45865

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

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #45924

Hi, as mentioned. it is not consistently. see: https://prntscr.com/21klj99 What I figured out on mobile: if you scroll to the very end of a page, then start to scroll up slowly, no sticky menu anymore. Yoiozu can see it here: http://dev.dorismarten.com/images/sticky.MP4

Maybe switch off the fade in of the sticky menu?

Regards Klaus

0
Pavel
Pavel
Accepted Answer
2 years ago #45939

Hi. Try this code

#sp-header {
animation: none !important;
}
0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #45973

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

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #46105

Please check & let me know. Thanks

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #46236

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

0
Pavel
Pavel
Accepted Answer
2 years ago #46241

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.

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #46242

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

0
Pavel
Pavel
Accepted Answer
2 years ago #46250

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

0
Pavel
Pavel
Accepted Answer
2 years ago #46252

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.

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #46305

ok, thanks again for your answer, what is there to do to make it working? Is there a workaround, any idea? Klaus

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #46322

@Klaus Fuchs can you share a screencast video?

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #46352
0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #46379

Can you please provide me the FTP access?

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #46386

here it is:

Thanks! Pls. confirm if u can access.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #46396

Sorry it doesn't work. Please don't make it public. Share your FTP access via hidden content area. Thanks

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #46414

see hidden content

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #46420

I have also found the issue in our demo Helix. I need to discuss with our developer team. I will get back to you soon. Thanks

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #46422

cool! That would be great! Thanks, Danke, Merci.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #46513

Added in our to do list. I hope it will fix as soon as possible. Thanks

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #47048

hi, any news? regards Klaus

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #47146

Hold on for the next update. We are working for update. We need more time. Thanks

0
Klaus Fuchs
Klaus Fuchs
Accepted Answer
2 years ago #48189

Hi, any news about that topic?

... Let the navbar stick at the top of the viewport while scrolling OR only when scrolling up. I want to have it stick on the top and not sticky ONLY when scrolling up. The issue is only on mobile, Desktop = ok. Do you need another screen recording to fix the issue, or if you know already, when it will be fixed, I need to tell my client when it will work. Thank you

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #48213

Hi there, We are working Page Builder 4 and Today or tomorrow you will get an update about the page builder 4. Helix Ultimate update will as soon as possible. Please allow more time. Thanks

0
S
Schwyzer
Accepted Answer
2 years ago #53428

Hi, I also have the same problem with a complet new website, made with Joomla 4 and the newest Page Builder and Helix Ultimate............the sticky header on mobile is horrible... It would be good to update soon..... Thanks a lot.

Kind regards, Maggie

0
S
Schwyzer
Accepted Answer
2 years ago #54134

Hi,

Thanks for your Update, but it doesn't work, my header is still shacking/flickering on iphone.....hmmmm..

0
Accepted Answer
2 years ago #54234

@Schwyzer can you please share your site url.

Thanks

0
S
Schwyzer
Accepted Answer
2 years ago #54241
0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #54262

@Schwyzer I have checked your site & it works fine. Thanks

0
S
Schwyzer
Accepted Answer
2 years ago #54265

Hi Toufiq....it works fine on desktop....but on mobile the header is shacking and flattering.....if I move up and down....its not realy sticky....

0
Accepted Answer
2 years ago #54281

Can you tell me your browser and device name. We checked on iphone and others devices also. please check on broswer incognito mode. Maybe your facing cache issue.

0
S
Schwyzer
Accepted Answer
2 years ago #54288

Well, thats it, I cleaned the cache on my iphone....and it works!!!!!!! Thank you sooo much for your help. Kind regards, Maggie

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #54291

Glad to heard that your problem has been solved. Thanks

0