[Resolved] Unpleasant header behaviour after update

Home Forums Support [Resolved] Unpleasant header behaviour after update

Home Forums Support Unpleasant header behaviour after update

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #565857
    baudebert

    Hello,

    Since a few days I noticed a very unpleasant “shake” effect on the header of one of my clients’ site.

    I have created a test environment with no child theme and no plugins (except GP Premium). This behaviour can be seen when clicking on category menus items :
    https://test.ere-digitale-en-resumes.com/categorie/blog/
    https://test.ere-digitale-en-resumes.com/categorie/blog/

    This happens only when the blog is using the masonry layout.

    Thanks !

    Bérangère

    #565932
    Tom
    Lead Developer
    Lead Developer

    While masonry items load, the page is shorter. That makes it so no scrollbar displays.

    When they load and display, the page is longer, and the scrollbar displays. That pushes the site to the left a little bit.

    You could give those pages a minimum height so the scrollbar always displays, but it’s a little hacky.

    Let me know if you need more info 🙂

    #566607
    baudebert

    Hello Tom,

    Thanks for the quick reply !

    I understand, yet my customer doesn’t like that at all.

    If you have a workable solution I will be happy to implement it.

    Else I will use the Elementor Theme Builder for masonry archives – not my favorite solution, I prefer to stick to the theme if I can.

    Cheers
    Bérangère

    #566955
    Tom
    Lead Developer
    Lead Developer

    It looks like you went the Elementor route. Let me know if you decide to do it with GPP again 🙂

    #567041
    baudebert

    Hello Tom,

    If there is a workable solution with GPP, then I’m quite willing to, implement it !

    Elementor is just a fallback route. I prefer to use the theme’s templates for the blog.

    Cheers

    Bérangère

    #567091
    Halil

    I am having the same shake, flickering issue. Pls see recording.

    I was not able to solve the problem, tried disabling everything but it’s still there. Very very distrubing, it happends with chrome only.

    #567430
    Tom
    Lead Developer
    Lead Developer

    Halil – that looks like a different issue. Can you open a new topic?

    Bérangère – what if you do this?:

    .masonry-container {
        min-height: 800px;
    }
    #567497
    baudebert

    Hello Tom,
    It solves the issue but creates another one.

    When the archive page has only one row, there is a blank space between the posts and the footer.
    https://test.ere-digitale-en-resumes.com/categorie/blog/

    #567503
    Tom
    Lead Developer
    Lead Developer

    Seems to be something I need to fix in the plugin.

    One last thing – this poster came up with an interesting solution to a similar issue: https://generatepress.com/forums/topic/blog-margin-shift-left/#post-565993

    #567519
    baudebert

    I tried the solution : it can work if you have a boxed layout. With a full-width layout like mine, it creates a blank left margin on the left :
    https://test.ere-digitale-en-resumes.com/categorie/blog/

    #567527
    Tom
    Lead Developer
    Lead Developer

    Thought something like that might happen.

    In that case, I’ll have to tweak this in GP Premium itself. I’ve added it as an issue to get fixed in 1.6.3.

    #567531
    baudebert

    Thanks Tom, I will test as soon as 1.6.3 is released !

    #623658
    baudebert

    Hello Tom;
    it seems to be solved in 1.7 beta2. Thanks !
    Bérangère

    #623716
    Tom
    Lead Developer
    Lead Developer

    Great to hear! Thanks for the update 🙂

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