ResolvedJumping content on reload
- This topic has 4 replies, 2 voices, and was last updated 2 years, 9 months ago by
opicron.
- AuthorPosts
- February 3, 2021 at 9:52 am #28680
opicron
ParticipantI have finished my implementation for my client. Thank you for the theme. It looks really well an implements nicely with Woo composite products and Woo bundled products.
Two layouts on pages seem very jumpy on loading, namely:
and
https://www.meatdennis.nl/product-category/recept/
Could you help me fix these that they do not jump and others pages do not change? I can donate/pay for your work.
February 5, 2021 at 11:53 am #28709Althemist
KeymasterHello opicron,
Not really sure what do you mean by “jumping”. Could you, please explain more? If it’s the layout shift, I am afraid that can’t be avoided, because of the JS controlled page elements. The JS needs to run on the page before the final layout is formed. However, if you enable the preloader, the layout shift would not be visible.
February 11, 2021 at 6:27 pm #28834opicron
ParticipantYes, I mean the layout shift. I figured that if I find out which element is changing size I could force the default height. Any chance you can tell me which element is being resized so I can fix it with a bandaid? =)
February 12, 2021 at 11:44 am #28853Althemist
KeymasterThere are many elements controlled by JS and it’s not theme related, it’s how WP Bakery page builder works. Layout shifts can be caused even by fonts. In your specific case exactly the font is the reason for the biggest layout shift (at least on that single product page). The other reason is the product gallery, but that’s how the default WooCommerce gallery work.
February 12, 2021 at 7:06 pm #28870opicron
ParticipantThank you for your support. I will see if I can tweak some css settings. The kick in the right direction definately helps.
- AuthorPosts
You must be logged in and have valid license to reply to this topic.