Title: Badge Layout Issue
Last modified: April 28, 2023

---

# Badge Layout Issue

 *  [dhathriitsupport](https://wordpress.org/support/users/dhathriitsupport/)
 * (@dhathriitsupport)
 * [3 years ago](https://wordpress.org/support/topic/badge-layout-issue/)
 * Hi,
   We have been facing an issue with the badge layout on our website.The Shop
   loop product block elements are repositioned using CSS flex and order on our 
   website.The issue is that whenever the page loads, the badge position does not
   change. The position is changed only after a mouse event as per requirement. 
   This case is similar to the Single product page as well, that is the badge hides
   only after the mouse event.In short, the customizations of the badge are not 
   reflected on the page load.
 * The cache plugin we use is wp-rocket. Disabling the plugin, it works yet the 
   badge shows some layout shifts. Also tried excluding css and js files, that didn’t
   do the job.
 * Please do the needful. Thankyou.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbadge-layout-issue%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [crodriguez1991](https://wordpress.org/support/users/crodriguez1991/)
 * (@crodriguez1991)
 * [3 years ago](https://wordpress.org/support/topic/badge-layout-issue/#post-16695034)
 * Hello there,
 * I hope you’re doing well 😀
 * I checked your site and seems it’s a conflict with your theme or other plugin.
 * Could you try to disable all plugins leaving only WooCommerce and YITH Badge 
   and try again?
 * If continue to not work, try to switch to a default theme like TwentySixteen 
   and try again.
 * I’m looking forward your response.
 * Have a good day
 *  Thread Starter [dhathriitsupport](https://wordpress.org/support/users/dhathriitsupport/)
 * (@dhathriitsupport)
 * [3 years ago](https://wordpress.org/support/topic/badge-layout-issue/#post-16706765)
 * Hi,
   We have tried deactivating all the plugins and also changing the theme. But
   the issue still persist. There is a layout shift.Also with wp-rocket enabled,
   the delay in reposition is more.
 * Please provide any visual hook to change position of badge in shop loop item,
   if there is any.
 * Thanks,
 * Dhathri
 *  [Facundo A.](https://wordpress.org/support/users/aranofacundo/)
 * (@aranofacundo)
 * [3 years ago](https://wordpress.org/support/topic/badge-layout-issue/#post-16729860)
 * Hi there,
 * I checked your site again, and it seems the delay in the repositioning of the
   badges is related to the **Delay JavaScript execution** feature of WP Rocket.
 * If you use the following link, you will see the reposition works correctly on
   the page load: [https://www.dhathriayurveda.in/?nowprocket](https://www.dhathriayurveda.in/?nowprocket)
 * You can find more information about the feature in the following page: [https://docs.wp-rocket.me/article/1349-delay-javascript-execution](https://docs.wp-rocket.me/article/1349-delay-javascript-execution)
 * Let us know if you need more help.

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

The topic ‘Badge Layout Issue’ is closed to new replies.

 * ![](https://ps.w.org/yith-woocommerce-badges-management/assets/icon.svg?rev=3042027)
 * [YITH WooCommerce Badge Management](https://wordpress.org/plugins/yith-woocommerce-badges-management/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/yith-woocommerce-badges-management/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/yith-woocommerce-badges-management/)
 * [Active Topics](https://wordpress.org/support/plugin/yith-woocommerce-badges-management/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/yith-woocommerce-badges-management/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/yith-woocommerce-badges-management/reviews/)

 * 3 replies
 * 3 participants
 * Last reply from: [Facundo A.](https://wordpress.org/support/users/aranofacundo/)
 * Last activity: [3 years ago](https://wordpress.org/support/topic/badge-layout-issue/#post-16729860)
 * Status: not resolved