Problem with widescreen after update

Hi Roger, I’m trying to duplicate this on my tests site, but have had no luck just yet.

Can you use the Health Check plugin to see whether another plugin might be conflicting? You can disable the plugins one at a time to test, without affecting the live site.

With all plugins:
`
### wp-core ###

version: 5.4.2
site_language: sv_SE
user_language: sv_SE
timezone: Europe/Stockholm
permalink: /%postname%/
https_status: true
user_registration: 0
default_comment_status: closed
multisite: false
user_count: 1
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /customers/c/f/1/braberg.se/httpd.www/recept
wordpress_size: 42,28 MB (44337205 bytes)
uploads_path: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/uploads
uploads_size: 1,09 GB (1170007368 bytes)
themes_path: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/themes
themes_size: 3,73 MB (3906977 bytes)
plugins_path: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/plugins
plugins_size: 19,67 MB (20622281 bytes)
database_size: 38,08 MB (39926487 bytes)
total_size: 1,19 GB (1278800318 bytes)

### wp-active-theme ###

name: Dyad 2 (dyad-2-wpcom)
version: 2.0.9
author: Automattic
author_website: https://wordpress.com/themes
parent_theme: none
theme_features: automatic-feed-links, title-tag, custom-logo, menus, post-formats, post-thumbnails, html5, wp-block-styles, align-wide, responsive-embeds, editor-color-palette, editor-style, custom-header, jetpack-responsive-videos, jetpack-social-menu, featured-content, infinite-scroll, jetpack-content-options, widgets
theme_path: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/themes/dyad-2-wpcom

### wp-themes-inactive (1) ###

Twenty Twenty: version: 1.4, author: WordPress-teamet

### wp-plugins-active (9) ###

A-Z Listing: version: 3.1.0, author: Daniel Llewellyn
Accordions by PickPlugins: version: 2.2.23, author: PickPlugins
Cookie Notice: version: 1.3.2, author: dFactory
Gutenberg: version: 8.3.0, author: Gutenberg Team
Really Simple SSL: version: 3.3.3, author: Rogier Lankhorst, Mark Wolters
Simple Blog Stats: version: 20200317, author: Jeff Starr
Simple Tags: version: 2.5.7, author: Amaury BALMER
TranslatePress – Multilingual: version: 1.7.5, author: Cozmoslabs, Razvan Mocanu, Madalin Ungureanu, Cristophor Hurduban
WPZOOM Instagram Widget: version: 1.6.0, author: WPZOOM

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1687
imagemagick_version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 https://www.imagemagick.org
imagick_limits:
imagick::RESOURCETYPE_AREA: 377 GB
imagick::RESOURCETYPE_DISK: 1.844674407371E+19
imagick::RESOURCETYPE_FILE: 192
imagick::RESOURCETYPE_MAP: 377 GB
imagick::RESOURCETYPE_MEMORY: 189 GB
imagick::RESOURCETYPE_THREAD: 48
gd_version: bundled (2.1.0 compatible)
ghostscript_version: unknown

### wp-server ###

server_architecture: Linux 5.3.0-26-generic x86_64
httpd_software: Apache
php_version: 7.4.7 64bit
php_sapi: cgi-fcgi
max_input_variables: 5000
time_limit: 50
memory_limit: 536870912
max_input_time: 60
upload_max_size: 256M
php_post_max_size: 256M
curl_version: 7.58.0 OpenSSL/1.1.1
suhosin: false
imagick_availability: true
htaccess_extra_rules: true

### wp-database ###

extension: mysqli
server_version: 10.3.23-MariaDB-1:10.3.23+maria~bionic
client_version: mysqlnd 7.4.7

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content
WP_PLUGIN_DIR: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/plugins
WP_MAX_MEMORY_LIMIT: 536870912
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
DB_CHARSET: utf8
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable

And this is with all plugins diabled:

### wp-core ###

version: 5.4.2
site_language: sv_SE
user_language: sv_SE
timezone: Europe/Stockholm
permalink: /%postname%/
https_status: true
user_registration: 0
default_comment_status: closed
multisite: false
user_count: 1
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /customers/c/f/1/braberg.se/httpd.www/recept
wordpress_size: 42,28 MB (44336972 bytes)
uploads_path: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/uploads
uploads_size: 1,09 GB (1170007368 bytes)
themes_path: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/themes
themes_size: 3,73 MB (3906977 bytes)
plugins_path: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/plugins
plugins_size: 19,67 MB (20622281 bytes)
database_size: 38,09 MB (39942871 bytes)
total_size: 1,19 GB (1278816469 bytes)

### wp-active-theme ###

name: Dyad 2 (dyad-2-wpcom)
version: 2.0.9
author: Automattic
author_website: https://wordpress.com/themes
parent_theme: none
theme_features: automatic-feed-links, title-tag, custom-logo, menus, post-formats, post-thumbnails, html5, wp-block-styles, align-wide, responsive-embeds, editor-color-palette, editor-style, custom-header, jetpack-responsive-videos, jetpack-social-menu, featured-content, infinite-scroll, jetpack-content-options, widgets
theme_path: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/themes/dyad-2-wpcom

### wp-themes-inactive (1) ###

Twenty Twenty: version: 1.4, author: WordPress-teamet

### wp-plugins-inactive (9) ###

A-Z Listing: version: 3.1.0, author: Daniel Llewellyn
Accordions by PickPlugins: version: 2.2.23, author: PickPlugins
Cookie Notice: version: 1.3.2, author: dFactory
Gutenberg: version: 8.3.0, author: Gutenberg Team
Really Simple SSL: version: 3.3.3, author: Rogier Lankhorst, Mark Wolters
Simple Blog Stats: version: 20200317, author: Jeff Starr
Simple Tags: version: 2.5.7, author: Amaury BALMER
TranslatePress - Multilingual: version: 1.7.5, author: Cozmoslabs, Razvan Mocanu, Madalin Ungureanu, Cristophor Hurduban
WPZOOM Instagram Widget: version: 1.6.0, author: WPZOOM

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1687
imagemagick_version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 https://www.imagemagick.org
imagick_limits: 
	imagick::RESOURCETYPE_AREA: 377 GB
	imagick::RESOURCETYPE_DISK: 1.844674407371E+19
	imagick::RESOURCETYPE_FILE: 192
	imagick::RESOURCETYPE_MAP: 377 GB
	imagick::RESOURCETYPE_MEMORY: 189 GB
	imagick::RESOURCETYPE_THREAD: 48
gd_version: bundled (2.1.0 compatible)
ghostscript_version: unknown

### wp-server ###

server_architecture: Linux 5.3.0-26-generic x86_64
httpd_software: Apache
php_version: 7.4.7 64bit
php_sapi: cgi-fcgi
max_input_variables: 5000
time_limit: 50
memory_limit: 536870912
max_input_time: 60
upload_max_size: 256M
php_post_max_size: 256M
curl_version: 7.58.0 OpenSSL/1.1.1
suhosin: false
imagick_availability: true
htaccess_extra_rules: false

### wp-database ###

extension: mysqli
server_version: 10.3.23-MariaDB-1:10.3.23+maria~bionic
client_version: mysqlnd 7.4.7

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content
WP_PLUGIN_DIR: /customers/c/f/1/braberg.se/httpd.www/recept/wp-content/plugins
WP_MAX_MEMORY_LIMIT: 536870912
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
DB_CHARSET: utf8
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable

Thanks for that, we’re more interested if you still see this issue, even if you temporarily disable all plugins. If there’s a conflict, you would not see the issue when all plugins are disabled. Then, you would enable each plugin, one at a time, refreshing after each to check when the problem reappears. That way, you would find the culprit.

Ok. I didn’t think that could be the case. I thought if I disabled them all the problem would disapear and when it still existed with all disabled it would be without problems.
I think I can get the time to check this later tonight.

When I disable all plugins there is no difference, om my 23″ screen (where it normally is 2 rows and 3 columns) posts doesn′t show. If I reduce the width of the browser (still the same monitor) the posts will show in 3 rows with 2 colums.

Full width 23″
Same monitor not full width on browser

These two pics are from as right now with all plugins disabled, same issue as with them on. This proble appeared after the last update of WP (5.4.2).
I can try activating one by one, but I don′t think iyt will be any different.

I changed it back to Dyad if someone wants to give it a try and I ran a test with activating a plugin at a time with no luck ??

• This reply was modified 4 years, 9 months ago by rodgevbg.

Have you modified the theme in any way?

No I run it as is from the download here

Hm, I can’t access your site or the screenshots now, not sure if you’re sunning into any global issues with the site at the moment?

Checked it five minutes ago and it was long loadtime. Checked again right now and it loaded right up

Ah, it works correctly now.
It’s odd. I’m not able to reproduce this on my test site so it must be some local issue but I’m having problems to pinpoint what it could be.
On your site, it seems that the posts disappear on screens wider than 1585px.
Could you try to temporarily activate another theme (like Twenty Twenty), remove Dyad 2 completely, and then install it again?
Let me know if anything changes.

I’ll try this later tonight when I’m Home from work. Thank you in advance

Hi @rodgevbg,

Please try adding the CSS below to the customizer in Appearance > Customize > Additional CSS, then check if the issue persists.

.posts .hentry {
	width: 33.3333%;
}

@Automatticians:

I think the problem might be this rule in Dyad 2.0.9’s CSS file. The width uses a comma instead of a period:

.posts .hentry {
	background: #fff;
	float: left;
	overflow: hidden;
	position: relative;
	width: 33,3333%;
}

In version 2.0.8 on Github, it seems to correctly use a period:
https://github.com/Automattic/themes/blob/master/dyad-2/style.css#L1624

Thank yoy @gary-barrett and thank you all for your help.

Adding that code fixed it.

You’re welcome, glad I could help ??