Excessive White Space Issue Between Product Image Carousel and Description

I’ve been experiencing an issue for quite some time regarding excessive white space between the product image carousel and the product description on my WooCommerce site. The problem is visible only on certain devices, such as mobile phones and laptops (tried only on 14″ screen), but not on my desktop computer where the page displays perfectly (27″ screen). This is what the page looks like on my 14 inch laptop:

Instead here is how it looks on my 27″ inch pc:

Not sure whether it could be linked to screen size or not btw.

Upon inspecting the issue with browser developer tools, I discovered that the excessive white space is caused by a div with the class woocommerce-product-gallery that has an unusually large height attribute. I have attached screenshots to illustrate the problem:

Here is what I have tried so far:

• Additional CSS and functions.php Edits: I tried various snippets to adjust the gallery settings, but none of these changes seem to work.

Has anyone else encountered this issue and found a solution? Any guidance or suggestions on how to resolve this would be greatly appreciated.

System Status Report

### WordPress Environment ###

WordPress address (URL): [Redacted]
Site address (URL): [Redacted]
WC Version: 9.0.2
Legacy REST API Package Version: Il plugin API REST legacy non è installato in questo sito.
Action Scheduler Version: ? 3.7.4
Log Directory Writable: ?
WP Version: 6.5.5
WP Multisite: –
WP Memory Limit: 1 GB
WP Debug Mode: –
WP Cron: ?
Language: en_GB
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 8.0.30
PHP Post Max Size: 150 MB
PHP Time Limit: 180
PHP Max Input Vars: 12000
cURL Version: 8.7.1
OpenSSL/1.1.1w

SUHOSIN Installed: –
MySQL Version: 8.0.37
Max Upload Size: 150 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

[REDACTED]

### Post Type Counts ###

attachment: 77
cartflows_flow: 6
cartflows_step: 12
custom_css: 1
customize_changeset: 10
elementor_library: 3
forminator_forms: 8
language_switcher: 4
nav_menu_item: 30
page: 8
post: 1
product: 14
revision: 339
wp_global_styles: 1

### Security ###

Secure connection (HTTPS): ?
Hide errors from visitors: ?

### Active Plugins (15) ###

HTML in Category Descriptions: di Arno Esterhuizen – 1.2.4
CartFlows: di CartFlows Inc – 2.0.8
Cookie banner plugin per WordPress - Cookiebot CMP by Usercentrics: di Usercentrics A/S – 4.3.9
Elementor: di Elementor.com – 3.22.3
EWWW Image Optimizer: di Exactly WWW – 7.7.0
Forminator: di WPMU DEV – 1.32
G Meta Keywords: di Sinan Yorulmaz – 1.4
GTranslate: di Translate AI Multilingual Solutions – 3.0.6
Kadence Blocks – Gutenberg Blocks for Page Builder Features: di Kadence WP – 3.2.48
Kadence AI Starter Templates: di Kadence WP – 2.1.3
reSmush.it Image Optimizer: di reSmush.it – 1.0.3
Sina Extension for Elementor: di SinaExtra – 3.5.6
WooCommerce: di Automattic – 9.0.2
Yoast SEO: di Team Yoast – 23.0
WP Fastest Cache: di Emre Vona – 1.2.8

### Inactive Plugins (0) ###


### Settings ###

API Enabled: –
Force SSL: –
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: –
HPOS feature enabled: –
Order datastore: WC_Order_Data_Store_CPT
HPOS data sync enabled: –

### Logging ###

Enabled: ?
Handler: Automattic\WooCommerce\Internal\Admin\Logging\LogHandlerFileV2
Retention period: 30 giorni
Level threshold: –
Log directory size: 6 KB

### WC Pages ###

Shop base: #958 - /shop/
Carrello: ? L'ID della pagina è impostato
ma la pagina non esiste

Pagamento: ? L'ID della pagina è impostato
ma la pagina non esiste

Il mio account: ? L'ID della pagina è impostato
ma la pagina non esiste

Termini e condizioni: ? La pagina non è impostata

### Theme ###

Name: Kadence
Version: 1.2.6
Author URL: https://www.kadencewp.com/
Child Theme: ? – Se stai modificando WooCommerce o un tema genitore che non hai costruito personalmente
ti consigliamo di utilizzare un tema child. Vedi: Come creare un tema child

WooCommerce Support: ?

### Templates ###

Overrides: –

### Admin ###

Enabled Features: activity-panels
analytics
product-block-editor
coupons
core-profiler
customize-store
customer-effort-score-tracks
import-products-task
experimental-fashion-sample-products
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
product-custom-fields
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page

Disabled Features: minified-js
new-product-management-experience
pattern-toolkit-full-composability
product-pre-publish-modal
settings
async-product-editor-category-field
launch-your-store
product-editor-template-system

Daily Cron: ? Next scheduled: 2024-07-09 19:24:01 +02:00
Options: ?
Notes: 161
Onboarding: completed

### Action Scheduler ###

Completato: 131
Oldest: 2024-06-08 13:07:36 +0200
Newest: 2024-07-09 12:13:45 +0200

Operazione non riuscita: 44
Oldest: 2023-02-15 08:06:35 +0100
Newest: 2024-07-09 10:50:11 +0200

In attesa: 9
Oldest: 2024-07-09 12:14:45 +0200
Newest: 2024-07-23 12:38:48 +0200


### Status report information ###

Generated at: 2024-07-09 12:14:03 +02:00

The page I need help with: [log in to see the link]