- This topic has 13 replies, 3 voices, and was last updated 5 years, 8 months ago by Tom.
-
AuthorPosts
-
May 2, 2018 at 1:41 pm #565857baudebert
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
May 2, 2018 at 3:10 pm #565932TomLead DeveloperLead DeveloperWhile 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 🙂
May 3, 2018 at 9:28 am #566607baudebertHello 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èreMay 3, 2018 at 8:58 pm #566955TomLead DeveloperLead DeveloperIt looks like you went the Elementor route. Let me know if you decide to do it with GPP again 🙂
May 4, 2018 at 12:23 am #567041baudebertHello 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
May 4, 2018 at 1:48 am #567091HalilI 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.
May 4, 2018 at 8:43 am #567430TomLead DeveloperLead DeveloperHalil – 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; }
May 4, 2018 at 9:30 am #567497baudebertHello 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/May 4, 2018 at 9:33 am #567503TomLead DeveloperLead DeveloperSeems 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
May 4, 2018 at 9:47 am #567519baudebertI 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/May 4, 2018 at 9:55 am #567527TomLead DeveloperLead DeveloperThought 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.
May 4, 2018 at 10:01 am #567531baudebertThanks Tom, I will test as soon as 1.6.3 is released !
July 14, 2018 at 10:02 am #623658baudebertHello Tom;
it seems to be solved in 1.7 beta2. Thanks !
BérangèreJuly 14, 2018 at 11:37 am #623716TomLead DeveloperLead DeveloperGreat to hear! Thanks for the update 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.