Replies: 1
I seem to have an issue with CSS from Woocommerce related to the Products widget for Elementor.
On (high resolution?) mobile devices the products are displayed at 48 percent and hence not showing properly one next to the other.
After some digging into CSS, I came across the below section in woocommerce-smallscreen.css:
.woocommerce,
.woocommerce-page {
.....
/**
* Products
*/
ul.products[class*='columns-'] {
li.product {
width: 48%; <===================
float: left;
clear: both;
margin: 0 0 2.992em;
&:nth-child( 2n ) {
float: right;
clear: none !important; // This should never clear.
}
}
}
....
}
So the width is hardcoded to 48%
Unchecking this in the browsers debugger makes the products look good.
Any reason why this occurs?
Or how to get this fixed for @media="only screen and (max-width: 768px)"?
Thanks in advance
Koen
=======
### WordPress Environment ###
WordPress address (URL): https://embroiderybelle.be
Site address (URL): https://embroiderybelle.be
WC Version: 6.0.0
REST API Version: ✔ 6.0.0
WC Blocks Version: ✔ 6.3.3
Action Scheduler Version: ✔ 3.3.0
WC Admin Version: ✔ 2.9.4
Log Directory Writable: ✔
WP Version: 5.8.2
WP Multisite: –
WP Memory Limit: 768 MB
WP Debug Mode: –
WP Cron: ✔
Language: nl_BE
External object cache: –
### Server Environment ###
Server Info: Apache
PHP Version: 7.4.27
PHP Post Max Size: 256 MB
PHP Time Limit: 120
PHP Max Input Vars: 3000
cURL Version: 7.66.0
OpenSSL/1.1.1l-fips
SUHOSIN Installed: –
MySQL Version: 5.7.32-35-log
Max Upload Size: 256 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔
### Database ###
WC Database Version: 6.0.0
WC Database Prefix: wpd0_
Total Database Size: 28.36MB
Database Data Size: 20.31MB
Database Index Size: 8.05MB
wpd0_woocommerce_sessions: Data: 0.17MB + Index: 0.02MB + Engine InnoDB
wpd0_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpd0_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_woocommerce_order_itemmeta: Data: 0.06MB + Index: 0.06MB + Engine InnoDB
wpd0_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpd0_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_actionscheduler_actions: Data: 0.13MB + Index: 0.16MB + Engine InnoDB
wpd0_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_admin_columns: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_comments: Data: 0.09MB + Index: 0.09MB + Engine InnoDB
wpd0_esp_answer: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_attendee_meta: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpd0_esp_checkin: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_country: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
wpd0_esp_currency: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_esp_currency_payment_method: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_datetime: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpd0_esp_datetime_ticket: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_event_message_template: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_event_meta: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_event_question_group: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_event_venue: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_esp_extra_join: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_extra_meta: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_line_item: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpd0_esp_log: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpd0_esp_message: Data: 0.02MB + Index: 0.22MB + Engine InnoDB
wpd0_esp_message_template: Data: 0.11MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_message_template_group: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_payment: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_payment_method: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_price: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_price_type: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_question: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_question_group: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_question_group_question: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_question_option: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_registration: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wpd0_esp_registration_payment: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_state: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_status: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_ticket: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_esp_ticket_price: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_ticket_template: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_esp_transaction: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_esp_venue_meta: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpd0_e_submissions: Data: 0.02MB + Index: 0.27MB + Engine InnoDB
wpd0_e_submissions_actions_log: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
wpd0_e_submissions_values: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_mollie_pending_payment: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_mp_timetable_data: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_ms_snippets: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_options: Data: 8.06MB + Index: 0.14MB + Engine InnoDB
wpd0_postmeta: Data: 7.52MB + Index: 4.03MB + Engine InnoDB
wpd0_posts: Data: 1.52MB + Index: 0.53MB + Engine InnoDB
wpd0_sgs_log_events: Data: 0.28MB + Index: 0.00MB + Engine InnoDB
wpd0_sgs_log_visitors: Data: 0.14MB + Index: 0.00MB + Engine InnoDB
wpd0_snippets: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_termmeta: Data: 0.05MB + Index: 0.03MB + Engine InnoDB
wpd0_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_term_relationships: Data: 0.20MB + Index: 0.17MB + Engine InnoDB
wpd0_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_usermeta: Data: 0.30MB + Index: 0.06MB + Engine InnoDB
wpd0_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpd0_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wpd0_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wpd0_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wpd0_wc_product_meta_lookup: Data: 0.13MB + Index: 0.20MB + Engine InnoDB
wpd0_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpd0_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpd0_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
### Post Type Counts ###
acf-field: 16
acf-field-group: 2
attachment: 1247
custom_css: 2
elementor_library: 16
espresso_events: 1
espresso_venues: 1
mp-column: 10
mp-event: 1
nav_menu_item: 10
page: 17
post: 28
product: 736
products: 3
revision: 97
shop_order: 41
tribe_events: 1
tribe_organizer: 1
tribe_venue: 1
wpcf7_contact_form: 1
### Security ###
Secure connection (HTTPS): ✔
Hide errors from visitors: ✔
### Active Plugins (22) ###
Advanced Custom Fields PRO: by Delicious Brains – 5.11.4
Autoptimize: by Frank Goossens (futtta) – 2.9.4
Classic Editor: by WordPress Contributors – 1.6.2
Code Snippets: by Code Snippets Pro – 2.14.3
Contact Form 7: by Takayuki Miyoshi – 5.5.3
Cookie Notice & Compliance for GDPR / CCPA: by Hu-manity.co – 2.2.1
Duplicate Page: by mndpsingh287 – 4.4.7
Ele Custom Skin: by Dudaster.com – 3.1.4
Elementor Pro: by Elementor.com – 3.5.2
Elementor: by Elementor.com – 3.5.3
Facebook for WooCommerce: by Facebook – 2.6.8
Google XML Sitemaps: by Auctollo – 4.1.1
OMGF: by Daan from FFW.Press – 4.5.12
Images to WebP: by KubiQ – 1.9
Mollie Payments for WooCommerce: by Mollie – 6.7.0
PNG to JPG: by KubiQ – 3.9
Safe SVG: by Daryll Doyle – 1.9.9
SiteGround Security: by SiteGround – 1.1.3
UpdraftPlus - Backup/Restore: by UpdraftPlus.Com
DavidAnderson – 1.16.69
WC MyParcel Belgium: by Richard Perdaan – 4.4.1
WooCommerce: by Automattic – 6.0.0
WP Fastest Cache: by Emre Vona – 0.9.7
### Inactive Plugins (8) ###
Custom Post Type UI: by WebDevStudios – 1.10.1
Essential Addons for Elementor: by WPDeveloper – 5.0.1
Essential Addons for Elementor - Pro: by WPDeveloper – 4.4.12
Premium Addons for Elementor: by Leap13 – 4.7.9
SchedulePress (Formerly Known as WP Scheduled Posts): by WPDeveloper – 4.1.3
SchedulePress Pro (Formerly Known as WP Scheduled Posts Pro): by WPDeveloper – 4.1.1
SiteGround Optimizer: by SiteGround – 6.0.5
Slate Admin Theme: by Ryan Sommers – 1.2.3
### Settings ###
API Enabled: –
Force SSL: –
Currency: EUR (€)
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: ✔
### WC Pages ###
Shop base: ❌ Page not set
Cart: #1619 - /cart/
Checkout: #1620 - /checkout/
My account: #1621 - /my-account/
Terms and conditions: #1296 - /algemene-voorwaarden/
### Theme ###
Name: Hello Elementor
Version: 2.4.2
Author URL: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Child Theme: ❌ – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ✔
### Templates ###
Overrides: –
### Action Scheduler ###
Canceled: 1
Oldest: 2021-12-18 19:08:06 +0100
Newest: 2021-12-18 19:08:06 +0100
Complete: 448
Oldest: 2021-12-17 13:50:57 +0100
Newest: 2022-01-01 14:51:37 +0100
Pending: 2
Oldest: 2022-01-01 15:26:11 +0100
Newest: 2022-01-03 07:25:27 +0100
### Status report information ###
Generated at: 2022-01-01 15:09:26 +01:00