Sticky Mobile Header Jump Issue | PenciDesign Support

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

The problem is that I've enabled the Google Fonts delay option. This means all custom fonts only load when the user interacts with your site. This option will speed up your site.

In case you need to turn it off, please go to Appearance → Customize → Speed Optimization → Optimize CSS: turn off the "Delay Loading Google Fonts" option.

Regards,
PenciDesign.

elsatove replied

2 years ago

Customer Reply

Hi again!

I wish I knew your name, because you are amazing!

You’ve helped me improve the loading speed of my website more than my actual web provider, which is the biggest one in Sweden.

I can’t believe how quick it is now, and I really wonder what you did :-)

I do have one minor concern though. I’ve noticed that when the site first loads, it initially displays a different font and the logo is missing, both on mobile and desktop. Then, the actual font and logo appear as the site finishes loading. I assume this might be due to a flash of unstyled content (FOUC) or a delay in loading the CSS and assets from the server?

I’ve attached a picture to show the issue.

Is this something that can be fixed? If not, I can live with it because the speed improvement is, of course, more important. However, it would be fantastic to have the entire page display correctly from the start, especially the logo.

Thank you once again, and I can’t appreciate it enough.

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

I've configured the page speed optimization options for your site.

Please clear all the browser caches and check again.

Regards,
PenciDesign.

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

1. Regarding the mobile sticky animation, please wait for our team to improve it in a future theme update.

2. For the page speed optimization, please send me your WordPress admin account. I'll log in and help you check the configuration.

Regards,
PenciDesign.

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

Please send me your site URL, I'll check and then send you a custom CSS code.

Regards,
PenciDesign.

elsatove started the conversation

2 years ago

Conversation Start

Hi team!

I hope you're doing well.

I noticed a bit of a jump when my mobile sticky header transitions from the normal header, and I see the same issue on many of your demo pages.

However, one demo stands out as having a smooth transition:
https://soledad.pencidesign.net/soledad-simple/

In comparison, this demo has the noticeable jump: https://soledaddemo.pencidesign.net/soledad-times-magazine/

This issue only occurs in mobile view, not on desktop.

Is this something you’re aware of and planning to fix? I really love your header builder and all the customizable features, but this jump is quite distracting. I'm sure other users might feel the same way.

Thank you so much!