Gutenberg Preview in Mobile and Tablet Mode Not Displaying Correctly
-
When I am editing in desktop mode via. Gutenberg, everything looks fine, but when I preview it in Tablet and Mobile mode. The modes look different and the content are distorted. This happens even when all plugins are disabled. Cloudflare is paused.
Here is a video capture of what I am talking about: https://www.awesomescreenshot.com/video/3018336?key=d4f84f74bd62f586c495eca286b33eaf
—
Here is the diagnostic info:
### wp-core ### version: 5.7 site_language: en_US user_language: en_US permalink: /%postname%/ https_status: true user_registration: 0 default_comment_status: open multisite: false user_count: 1 dotorg_communication: true ### wp-paths-sizes ### wordpress_path: /home/prospect/domains/coffeeobserver.com/public_html wordpress_size: 44.76 MB (46929619 bytes) uploads_path: /home/prospect/domains/coffeeobserver.com/public_html/wp-content/uploads uploads_size: 10.64 MB (11161170 bytes) themes_path: /home/prospect/domains/coffeeobserver.com/public_html/wp-content/themes themes_size: 9.53 MB (9992346 bytes) plugins_path: /home/prospect/domains/coffeeobserver.com/public_html/wp-content/plugins plugins_size: 93.52 MB (98061757 bytes) database_size: 10.45 MB (10960896 bytes) total_size: 168.90 MB (177105788 bytes) ### wp-dropins (1) ### advanced-cache.php: true ### wp-active-theme ### name: Kadence (kadence) version: 1.0.16 author: Kadence WP author_website: https://www.kadencewp.com/ parent_theme: none theme_features: core-block-patterns, automatic-feed-links, title-tag, html5, custom-units, custom-line-height, customize-selective-refresh-widgets, responsive-embeds, post-thumbnails, editor-styles, align-wide, editor-font-sizes, editor-style, amp, menus, custom-logo, editor-color-palette, widgets theme_path: /home/prospect/domains/coffeeobserver.com/public_html/wp-content/themes/kadence ### wp-plugins-active (8) ### FluentSMTP: version: 1.0.1, author: FluentSMTP & WPManageNinja Team Health Check & Troubleshooting: version: 1.4.5, author: The www.remarpro.com community Kadence Blocks - PRO Extension: version: 1.4.25, author: Kadence WP Kadence Blocks – Gutenberg Blocks for Page Builder Features: version: 1.10.4, author: Kadence WP Kadence Pro - Premium addon for the Kadence Theme: version: 0.9.11, author: Kadence WP Nested Pages: version: 3.1.13, author: Kyle Phillips Rank Math SEO: version: 1.0.59, author: Rank Math UpdraftPlus - Backup/Restore: version: 1.16.48, author: UpdraftPlus.Com, DavidAnderson ### wp-plugins-inactive (6) ### AAWP: version: 3.15, author: AAWP Convert Pro: version: 1.5.7, author: Brainstorm Force Convert Pro - Addon: version: 1.5.1, author: Brainstorm Force LiteSpeed Cache: version: 3.6.2, author: LiteSpeed Technologies WP Rocket: version: 3.8.6, author: WP Media WP Rocket | Custom cURL Timeout For Preload Requests: author: WP Rocket Support Team, version: (undefined) ### wp-media ### image_editor: WP_Image_Editor_Imagick imagick_module_version: 1684 imagemagick_version: ImageMagick 6.9.4-10 Q16 x86_64 2017-05-23 https://www.imagemagick.org imagick_limits: imagick::RESOURCETYPE_AREA: 15 GB imagick::RESOURCETYPE_DISK: 1.844674407371E+19 imagick::RESOURCETYPE_FILE: 37500 imagick::RESOURCETYPE_MAP: 15 GB imagick::RESOURCETYPE_MEMORY: 8 GB imagick::RESOURCETYPE_THREAD: 1 gd_version: 2.2.5 ghostscript_version: 9.25 ### wp-server ### server_architecture: Linux 3.10.0-962.3.2.lve1.5.26.1.el7.x86_64 x86_64 httpd_software: LiteSpeed php_version: 7.4.13 64bit php_sapi: litespeed max_input_variables: 1000 time_limit: 120 memory_limit: 256M max_input_time: -1 upload_max_size: 128M php_post_max_size: 128M curl_version: 7.71.0 OpenSSL/1.1.1d suhosin: false imagick_availability: true server-headers: date: Wed, 10 Mar 2021 18:40:48 GMT content-type: text/html; charset=UTF-8 x-powered-by: PHP/7.4.13 expires: Wed, 11 Jan 1984 05:00:00 GMT cache-control: no-cache, must-revalidate, max-age=0 link: Array vary: Accept-Encoding,User-Agent alt-svc: h3-27=":443"; ma=86400, h3-28=":443"; ma=86400, h3-29=":443"; ma=86400 cf-cache-status: DYNAMIC cf-request-id: 08bf0a1800000040093386b000000001 expect-ct: max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct" report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report?s=qYpWKS7cd%2FaCNfZCKrBrEaZocnqmRG8FwyqtPu4RRwJZ0MUKZnwg%2B0L17kYHpeHtGsgtkVq4kp0GOOQQr1xk5RxMsxB%2B2DCRbUiqSXhx1D3cWhs%3D"}],"max_age":604800,"group":"cf-nel"} nel: {"report_to":"cf-nel","max_age":604800} server: cloudflare cf-ray: 62deac6ccb284009-YYZ content-encoding: gzip htaccess_extra_rules: true ### wp-database ### extension: mysqli server_version: 10.4.17-MariaDB client_version: mysqlnd 7.4.13 ### wp-constants ### WP_HOME: undefined WP_SITEURL: undefined WP_CONTENT_DIR: /home/prospect/domains/coffeeobserver.com/public_html/wp-content WP_PLUGIN_DIR: /home/prospect/domains/coffeeobserver.com/public_html/wp-content/plugins WP_MAX_MEMORY_LIMIT: 256M WP_DEBUG: false WP_DEBUG_DISPLAY: true WP_DEBUG_LOG: false SCRIPT_DEBUG: false WP_CACHE: false CONCATENATE_SCRIPTS: undefined COMPRESS_SCRIPTS: undefined COMPRESS_CSS: undefined WP_LOCAL_DEV: undefined ### wp-filesystem ### wordpress: writable wp-content: writable uploads: writable plugins: writable themes: writable
- The topic ‘Gutenberg Preview in Mobile and Tablet Mode Not Displaying Correctly’ is closed to new replies.