Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

CSS page jump?

  • My page jumps after loading guys?

    Last time you said it was caused by including bootstrap and having clashing css.

    This time I’m not using bootstrap.

    Mytaxhero.ie

  • Hi there,

    Can you disable all plugins except GP Premium to eliminate conflicts from other plugins first?

    Let me know 🙂

  • Thanks I’ll do this in the morning

  • Sounds good. I’d start with any caching or optimization plugins.

  • Its a GP Premium issue guys. I deactivated every other plugin. Still happens.

  • This really cannot be a GP premium issue, otherwise we would have multiple reports about this in this forum already.

    The issue is likely coming from a caching or optimization plugin. I just checked the page and am still seeing LiteSpeed cache enabled.

    If you cannot disable all plugins for awhile then please start a staging site so we can go through the debugging steps properly.

    Thanks.

  • Right. I disabled all the plugins. Tested.

    Then, I enabled them again.

    Litespeed was the first plugin I disabled. I have Litespeed disabled at the moment.

    Can you check?

  • First it was bootstrap, then it was a plugin conflict, then litespeed.

    This is a well-known GP issue that other developers have previously complained about…

    https://generatepress.com/forums/topic/sticky-nav-jumping-upon-scroll/

    The entire layout jumps after scrolling, I’ve tried disabling sticky and I’ve tried the other solutions. No luck.

    This issue is ruining my UX and has been ongoing for a while now. Multiple sites.

    Thanks.

  • I just checked your site and did not see any noticeable ‘jumping’ issue. Here’s a screen recording:
    https://cln.sh/bxxPdRgc

    Does it happen when the sticky navigation feature is enabled? If so, we can explore another option to make the navigation sticky.

  • I’m on android, chrome, mobile.

    Try this page…

    https://mytaxhero.ie/tax-refund-ireland/

  • https://ibb.co/Bcpk7Xn
    https://ibb.co/h7m6z0M

    The font in particular jumps to a larger size

  • Hi there,

    one issue I see is that your site is trying to load the Helvetica font across the Google Font API. Which results in a forbidden request to a goggle server. This may impede the browsers rendering time.

    Go to Customiser > Typography and check in the Font Manager.
    Do you have Helvetica listed there ? If it does make it does NOT have the Use Google Font API checked.

  • I’ve deleted all the fonts in Font Manager and set body tag to System Default.

    Still occurs.

    https://ibb.co/StY2pRJ

  • The font error is now gone and so is most of the CLS.

    I ran a page speed test on: https://mytaxhero.ie/tax-refund-ireland/

    And it now has very low CLS , and it tells you what the CLS cause is:

    https://app.screencast.com/YbGZLUBb5V5OR

    It is the flag icon from the GTranslate plugin.
    The img HTML they used has no fixed Height or Width. so the browser cannot reserve space for it. So it shifts when the image loads.

    you would need to raise that with the gtranslate plugin developer or ignore it.

  • Hi David,

    Thanks. I definitely disabled the translate plugin.

    Must of got stuck in cache.

    Thanks. I’ll raise this with gTranslate.

  • Glad to be of help.

Viewing 16 posts - 1 through 16 (of 18 total)
  • You must be logged in to reply to this topic.