WooCommerce Mobile Layout Issue
-
Hi there,
can you please advise why when on iPhone (not Android) does the product title of an item in the checkout appear written vertically down the page? It looks very glitchy?
Thanks.
The page I need help with: [log in to see the link]
-
Could you please share a screenshot of the product title you are seeing on iPhone?
If you don’t already have a screenshot service installed, we recommend using https://snipboard.io for sharing screenshots – please follow the instructions on the page, then paste the URL in your reply.
Also, in order for us to get a better understanding of your site setup, could you please share a copy of your website’s System Status Report?
You can get it by navigating to the
WooCommerce / Status
section of your site. Once there, click on theGet system report
button and then copy it by clicking on theCopy for support
button. Then paste it here in a comment.Looking forward to your response.
Hi there,
here is a screenshot of what displays on iPhone. Android is ok through: https://snipboard.io/ORfbDu.jpg
Below is the status report:
### WordPress Environment ### WordPress address (URL): https://www.ultimatepoolshop.com Site address (URL): https://www.ultimatepoolshop.com WC Version: 6.5.1 REST API Version: ? 6.5.1 WC Blocks Version: ? 7.4.3 Action Scheduler Version: ? 3.4.0 Log Directory Writable: ? WP Version: 5.9.3 WP Multisite: – WP Memory Limit: 512 MB WP Debug Mode: – WP Cron: ? Language: en_GB External object cache: – ### Server Environment ### Server Info: Apache/2.4.53 (Unix) PHP Version: 7.3.33 PHP Post Max Size: 200 MB PHP Time Limit: 600 PHP Max Input Vars: 9000 cURL Version: 7.61.1 OpenSSL/1.1.1k SUHOSIN Installed: – MySQL Version: 5.5.5-10.1.48-MariaDB Max Upload Size: 200 MB Default Timezone is UTC: ? fsockopen/cURL: ? SoapClient: ? DOMDocument: ? GZip: ? Multibyte String: ? Remote Post: ? Remote Get: ? ### Database ### WC Database Version: 6.4.1 WC Database Prefix: wp_ Total Database Size: 6.76MB Database Data Size: 4.66MB Database Index Size: 2.10MB wp_woocommerce_sessions: Data: 0.09MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_order_itemmeta: Data: 0.06MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_actions: Data: 0.42MB + Index: 0.44MB + Engine InnoDB wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_actionscheduler_logs: Data: 0.16MB + Index: 0.13MB + Engine InnoDB wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_comments: Data: 0.05MB + Index: 0.09MB + Engine InnoDB wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_options: Data: 2.50MB + Index: 0.06MB + Engine InnoDB wp_postmeta: Data: 0.27MB + Index: 0.20MB + Engine InnoDB wp_posts: Data: 0.22MB + Index: 0.06MB + Engine InnoDB wp_snippets: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_admin_notes: Data: 0.06MB + Index: 0.00MB + Engine InnoDB wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB wp_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_product_meta_lookup: Data: 0.05MB + Index: 0.09MB + Engine InnoDB wp_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB wp_wpmailsmtp_debug_events: Data: 0.02MB + Index: 0.00MB + Engine InnoDB wp_wpmailsmtp_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB ### Post Type Counts ### attachment: 31 e-landing-page: 1 elementor_library: 1 flamingo_contact: 45 flamingo_inbound: 41 fme_upload_files: 1 nav_menu_item: 4 page: 9 post: 3 product: 17 product_variation: 155 revision: 25 shop_order: 24 wcpa_pt_forms: 1 wp_global_styles: 1 wpcf7_contact_form: 1 ### Security ### Secure connection (HTTPS): ? Hide errors from visitors: ? ### Active Plugins (9) ### Code Snippets: by Code Snippets Pro – 3.0.1 Contact Form 7: by Takayuki Miyoshi – 5.5.6 Customer Upload Files for WooCommerce: by FME Addons – 1.1.0 Easy WP SMTP: by wpecommerce alexanderfoxc – 1.4.7 Flamingo: by Takayuki Miyoshi – 2.2.3 Change Storefront Footer Copyright Text: by QuadLayers – 1.1.5 WooCommerce Stripe Gateway: by WooCommerce – 6.3.0 WooCommerce Instagram: by Themesquad – 4.1.4 WooCommerce: by Automattic – 6.5.1 ### Inactive Plugins (3) ### WP-Cron Control: by Thorsten Ott Erick Hitter Automattic – 0.7.1 WPBakery Page Builder: by Michael M - WPBakery.com – 6.8.0 WP Crontrol: by John Blackbourn & crontributors – 1.12.1 ### 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: ? Enforce Approved Product Download Directories: – ### WC Pages ### Shop base: #7 - / Basket: #8 - /basket/ Checkout: #9 - /checkout/ My account: #10 - /my-account/ Terms and conditions: #142 - /refund-policy/ ### Theme ### Name: Storefront Version: 4.1.0 Author URL: https://woocommerce.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: 1,222 Oldest: 2022-04-16 11:19:46 +0100 Newest: 2022-05-17 10:06:06 +0100 Pending: 2 Oldest: 2022-05-17 10:49:14 +0100 Newest: 2022-05-23 20:08:11 +0100 ### Instagram ### Connected: ? Facebook page: ? Catalog permalink: product-catalog/ Catalog interval: 1h ### Product Catalogs ### ### Status report information ### Generated at: 2022-05-17 10:37:05 +01:00
Hi there!
Thanks for sharing the screenshot and system status report.
I checked your cart page on my iPhone, I was able to see this issue.
It doesn’t happen on one of my own test sites on Storefront though.
You could try:
1) Deactivate all plugins except WooCommerce and test it again. (If the issue resolves, we could be sure that one of the plugins is causing this issue.)
2) Delete the Storefront theme and install a fresh copy again.
Let us know how that goes! ??
Hi there @animoassociates ??
We haven’t heard back from you for a while, so I’m going to mark this post as resolved now. If you need any further help here, please let us know. Or, if you need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there.
Thank you!
- The topic ‘WooCommerce Mobile Layout Issue’ is closed to new replies.