search

Codeinwp / neve

A fast, lightweight, AMP ready WordPress theme built with speed and usability in mind.
https://themeisle.com/themes/neve/
GNU General Public License v2.0
263 stars 84 forks source link

WooCommerce Error Icon Display Inconsistency in Product Description with neve Theme #4319

Closed kushh23 closed 2 days ago

kushh23 commented 1 week ago

Description

When adding a short product description or a product description with thewoocommerce-errorclass applied, an exclamation mark (!) icon appears before the custom descriptions. However, this icon is not visible when the page is viewed in mobile mode, causing padding inconsistencies in the product description text. This behavior is not present when using the default WordPress theme, where no exclamation mark is displayed at all.

Step-by-step reproduction instructions

  1. Add a short product description or product description to a WooCommerce product and include the woocommerce-error class within the description content.
  2. Visit the product page on a desktop view.
  3. Observe that an exclamation mark icon appears at the beginning of the description.
  4. Switch to a mobile view or use responsive design mode.
  5. Observe that the exclamation mark icon disappears in mobile view, causing a padding issue around the description text.

Screenshots, screen recording, code snippet or Help Scout ticket

Reported here - https://wordpress.org/support/topic/theme-css-error-on-mobile

Woocomerce product edit page: Image On Desktop: Image On Mobile view: Image

Environment info

No response

Is the issue you are reporting a regression

No

girishpanchal30 commented 1 week ago

I've reviewed this issue and fixed it here - https://github.com/Codeinwp/neve/pull/4321

kushh23 commented 1 week ago

@girishpanchal30 I tested the Pr build, and it solved the issue. Thank you!