Shop front css grid broken/not loading

  • Resolved Matt

    (@matsp)


    4 years, 8 months ago

    Hi, somehow my front page has broken, I’m guessing it’s not loading the css on that page for some reason but I’m not sure, nor do I know how to resolve it.

    Rather than displaying 4 rows of 4 products, it is just a load of small thumbnails causing a horizontal scroll.

    I’ve changed my cache plugin which made no change to the problem. I’ve looked through everything I can think of and would be very grateful if someone could kindly point me in the right direction.

    Thank you.

    System status report

    
### WordPress Environment ###

WordPress address (URL): https://demoshop.mattphillips.uk
Site address (URL): https://demoshop.mattphillips.uk
WC Version: 5.6.0
REST API Version: ✔ 5.6.0
WC Blocks Version: ✔ 5.5.1
Action Scheduler Version: ✔ 3.2.1
WC Admin Version: ✔ 2.5.1
Log Directory Writable: ✔
WP Version: 5.8
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ✔
Language: en_US
External object cache: ✔

### Server Environment ###

Server Info: LiteSpeed
PHP Version: 7.4.22
PHP Post Max Size: 512 MB
PHP Time Limit: 120
PHP Max Input Vars: 8000
cURL Version: 7.71.0
OpenSSL/1.1.1d

SUHOSIN Installed: –
MySQL Version: 10.3.30-MariaDB-log-cll-lve
Max Upload Size: 512 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

### Database ###

WC Database Version: 5.6.0
WC Database Prefix: wpon_
Total Database Size: 8.83MB
Database Data Size: 7.76MB
Database Index Size: 1.07MB
wpon_woocommerce_sessions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_api_keys: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_order_items: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_order_itemmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_tax_rates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_payment_tokenmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_woocommerce_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_actionscheduler_actions: Data: 0.07MB + Index: 0.05MB + Engine MyISAM
wpon_actionscheduler_claims: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_actionscheduler_groups: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_actionscheduler_logs: Data: 0.06MB + Index: 0.05MB + Engine MyISAM
wpon_aioseo_notifications: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_aioseo_posts: Data: 0.52MB + Index: 0.01MB + Engine MyISAM
wpon_commentmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_comments: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_options: Data: 1.76MB + Index: 0.06MB + Engine MyISAM
wpon_postmeta: Data: 1.18MB + Index: 0.17MB + Engine MyISAM
wpon_posts: Data: 0.42MB + Index: 0.08MB + Engine MyISAM
wpon_termmeta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_terms: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_term_relationships: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_term_taxonomy: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_usermeta: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wpon_users: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine MyISAM
wpon_wc_admin_note_actions: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
wpon_wc_category_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wc_customer_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wc_download_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wc_order_coupon_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wc_order_product_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wc_order_stats: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wc_order_tax_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wc_product_meta_lookup: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_wc_reserved_stock: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wc_tax_rate_classes: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_wc_webhooks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wfblockediplog: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wfblocks7: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wfconfig: Data: 1.22MB + Index: 0.01MB + Engine MyISAM
wpon_wfcrawlers: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wffilechanges: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wffilemods: Data: 1.50MB + Index: 0.32MB + Engine MyISAM
wpon_wfhits: Data: 0.04MB + Index: 0.02MB + Engine MyISAM
wpon_wfhoover: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wfissues: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpon_wfknownfilelist: Data: 0.78MB + Index: 0.10MB + Engine MyISAM
wpon_wflivetraffichuman: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wflocs: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wflogins: Data: 0.02MB + Index: 0.01MB + Engine MyISAM
wpon_wfls_2fa_secrets: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wpon_wfls_settings: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wpon_wfnotifications: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wfpendingissues: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wfreversecache: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wfsnipcache: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wfstatus: Data: 0.11MB + Index: 0.06MB + Engine MyISAM
wpon_wftrafficrates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpon_wpforms_tasks_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM

### Post Type Counts ###

attachment: 254
custom-css-js: 1
customize_changeset: 4
elementor_library: 1
elementor-hf: 2
nav_menu_item: 12
page: 8
post: 2
product: 78
revision: 248
seedprod: 1

### Security ###

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

### Active Plugins (11) ###

All in One SEO: by All in One SEO Team – 4.1.3.3
Coming Soon Page, Maintenance Mode & Landing Pages by SeedProd: by SeedProd – 6.6.0
Cookie Notice & Compliance for GDPR / CCPA: by Hu-manity.co – 2.1.1
Simple Custom CSS and JS: by SilkyPress.com – 3.37
Elementor: by Elementor.com – 3.4.1
Essential Addons for Elementor: by WPDeveloper – 4.8.3
Elementor Header & Footer Builder: by Brainstorm Force
Nikhil Chavan – 1.6.4

W3 Total Cache: by BoldGrid – 2.1.6
WooCommerce: by Automattic – 5.6.0
Wordfence Security: by Wordfence – 7.5.5
WPForms Lite: by WPForms – 1.6.8.1

### Inactive Plugins (0) ###

### Dropin Plugins (2) ###

advanced-cache.php: advanced-cache.php
object-cache.php: object-cache.php

### Settings ###

API Enabled: –
Force SSL: –
Currency: GBP (£)
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: #6 - /
Cart: #7 - /cart/
Checkout: #8 - /checkout/
My account: #9 - /my-account/
Terms and conditions: ❌ Page not set

### Theme ###

Name: GeneratePress
Version: 3.0.4
Author URL: https://tomusborne.com
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 ###

Complete: 278
Oldest: 2021-08-15 17:47:40 +0000
Newest: 2021-08-19 07:16:37 +0000

Pending: 7
Oldest: 2021-08-19 07:31:37 +0000
Newest: 2021-08-25 09:34:00 +0000

### Status report information ###

Generated at: 2021-08-19 07:25:47 +00:00

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support abwaita a11n

    (@abwaita)

    4 years, 8 months ago

    Hi @matsp,

    This indicates a CSS conflict, most likely between your builder and theme.

    Just to be sure, could you kindly perform a conflict test to narrow down to the cause?
    Here’s the conflict test guide – https://docs.woocommerce.com/document/how-to-test-for-conflicts/

    Let us know how it goes.
    Thanks.

    Thread Starter Matt

    (@matsp)

    4 years, 8 months ago

    Hi abwaita, my thanks for your reply.

    I deactivated Elementor and so I imagine it switched to the default theme and it looks as it should with that theme, but obviously has none of the headers or footers etc i had created in elementor.

    Does this mean the conflict is with Elementor? How do I approach this problem?

    My sincere thanks for your help.

    Matt

    Plugin Support abwaita a11n

    (@abwaita)

    4 years, 8 months ago

    Thanks for getting back MAtt.

    Does this mean the conflict is with Elementor? How do I approach this problem?

    Yes, it seems that the issue is tied to the builder here.
    Thus, you will want to ask the Elementor team to check the issue and assist further – https://wordpress.org/support/plugin/elementor/

    Hope that this guides you to a resolution.
    Thanks.

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

The topic ‘Shop front css grid broken/not loading’ is closed to new replies.