Title: Comulative Layout Shift / CLS
Last modified: August 25, 2024

---

# Comulative Layout Shift / CLS

 *  Resolved [Oliver Jusinger](https://wordpress.org/support/users/jusol/)
 * (@jusol)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/comulative-layout-shift-cls/)
 * Thank you for the good plugin. I have an issue with Cumulative Layout Shift (
   CLS) on mobile screens with Astra and integrating fibosearch as a widget displayed
   as an icon in the header: The search seems to use 100% width as default during
   loading, causing linebreaks on the right widget (shopping cart) until the page
   finished loading additional js/css. This is critisized by Google pagespeed/lighthouse
   and looks buggy during loading. 
   It does not happen if I remove fibosearch and
   place a different widget on the left side, so I guess it is caused by fibosearch.
   I already tried to mess around with custom css but could not fix this. I disabled
   css/js handling in wp-optimize to make sure this is not the root cause. Maybe
   you have a hint how to fix this or can improve the plugin?Thx, Oliver
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcomulative-layout-shift-cls%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Kris](https://wordpress.org/support/users/c0nst/)
 * (@c0nst)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/comulative-layout-shift-cls/#post-17975391)
 * Hi [@jusol](https://wordpress.org/support/users/jusol/)!
 * Please try below CSS:
 *     ```wp-block-code
       @media(max-width: 992px) {	[data-section="sidebar-widgets-header-widget-1"] .dgwt-wcas-search-wrapp:not(.dgwt-wcas-layout-icon-flexible-loaded) {		min-width: 40px;		max-width: 40px;		height: 17px;	}}
       ```
   
 * Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar
   with custom CSS, take a look at [this video](https://www.youtube.com/watch?v=f0_6aeZEV58).
 * Regards,
   Kris
 *  Thread Starter [Oliver Jusinger](https://wordpress.org/support/users/jusol/)
 * (@jusol)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/comulative-layout-shift-cls/#post-17975404)
 * Hi [@c0nst](https://wordpress.org/support/users/c0nst/)
 * wow, thank you for your incredible support, your solution works perfectly.
 * Best regards,
   Oliver

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Comulative Layout Shift / CLS’ is closed to new replies.

 * ![](https://ps.w.org/ajax-search-for-woocommerce/assets/icon-256x256.png?rev=
   2883754)
 * [FiboSearch - Ajax Search for WooCommerce](https://wordpress.org/plugins/ajax-search-for-woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ajax-search-for-woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ajax-search-for-woocommerce/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [Oliver Jusinger](https://wordpress.org/support/users/jusol/)
 * Last activity: [1 year, 9 months ago](https://wordpress.org/support/topic/comulative-layout-shift-cls/#post-17975404)
 * Status: resolved