• misterchew

    (@misterchew)


    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.