Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3686971
Sticky Mobile Header Jump Issue
Closed

Comments

  • elsatove started the conversation

    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!

  •  2,660
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  •   elsatove replied privately
  •  2,660
    PenciDesign replied

    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.



  •   elsatove replied privately
  •   PenciDesign replied privately
  •   elsatove replied privately
  •  2,660
    PenciDesign replied

    Hi,

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

    Please clear all the browser caches and check again.

    Regards,
    PenciDesign.


  • elsatove replied

    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.

    Attached files:  Example.png

  •  2,660
    PenciDesign replied

    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.