upgrades to 10.4.0 or 11.1.0 change layout to single column

Created on 22 December 2024, 2 months ago

Problem/Motivation

When I upgraded the site from 10.3.x to 10.4.0, the block layout turned into a single column when not logged in. While I was logged in, everything looked normal.

Thinking that maybe 10.4.0 was responsible, I restored the site from the backup (all looked normal again), then upgraded to 11.1.0. Now, single column layout was everywhere. On top of that, the main navigation menu is no longer horizontal when I log out. When logged in, drop down works fine.

I've upgraded Drupal many times, never had a problem like this before. I've tried clearing caches, updating db, clearing views cache, clearing browser cache, etc, none of that helped, it's very stubborn.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Active

Version

3.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @milan.durovic
  • I wonder if this problem has something to do with an error in calculating breakpoints for layout? The screen width is 1680 px and the font size is 16px, so the width should be 1680/16 > 100 em, which is more than enough to apply the layout for the widest screen, ie. the one with multi-column display.

    I'm not familiar with where is the screen width computed and are CSS used to specify alternate layout options, or this is done in some Javascript file - I'm not familiar with theming at all, but I'm a computer professional, so with some guidance about where to look I might be able to understand where the problem is and maybe fix it.

    As I'm on Adaptivetheme 7.1.0 and I only upgraded the Drupal core, I guess the theme must be using something from Drupal, that no longer works as before. I checked the differences in core/modules/breakpoint between the working version and the one that's broken and I can't see any changes that would hint at the reason for this failure.

  • πŸ‡·πŸ‡ΊRussia urix

    This problem correlates with mine:
    https://www.drupal.org/project/at_theme/issues/3495066 πŸ› Update to Drupal 10.4.0 breaks responsive menu Active

  • Changed the priority to major, as it's holding back Drupal upgrades, either in 10.4.x line or 11.x line.

    Does anybody know if this project is still being maintained?

  • πŸ‡ΊπŸ‡ΈUnited States bsnodgrass

    We experienced the same issue and duplicated with 10.4.1, we reverted back to 10.3.11 which solved our problem.

    The error was the same as identified on https://www.drupal.org/project/at_theme/issues/3495066 πŸ› Update to Drupal 10.4.0 breaks responsive menu Active , we will post our followup on the other issue and relate these two.

    In our case we have another site using the AT Theme, this one is working correctly.

  • πŸ‡¦πŸ‡ΉAustria electric.larry Vienna

    Can you please check if the patch in #10 in issue #3498246 fixes the problem?

    https://www.drupal.org/project/adaptivetheme/issues/3498246#comment-1595... πŸ› Broken menu visualization for anonymous user since drupal 10.4 Active

  • First of all, thanks to everyone who contributing to fixing the bug - at least part of it. Namely, after upgrading the theme to the version 7.1.1, I was able to upgrade Drupal 10.3.x to 10.4.1 and:

    • the main navigation menu was no longer expanded in one column
    • the block layout had left & right sidebars, main area, etc - it all looked as before

    However, after upgrading Drupal to 11.1.2, the problem of the single column layout still remains. If I go to the admin menu, click on Appearance, then "block layout", then "demonstrate block regions", all regions are stacked on top of each other, in a single column. With Drupal 10.4.1, this does not happen.

    It feels like it's still some kind of a problem in determining browser window size or geometry, or maybe calculation of the breakpoint.

  • New insight: I just upgraded to Drupal 10.4.2 and the menu broke afterwards. Cleaning all caches resolved it. Maybe the built-in on-the-fly Javascript minification is the culprit?

  • Hi sd123,

    I cleared the Drupal caches, browser cache, did updatedb, the problem is still there with Drupal 11.1.2. Drupal 10.4.2 is fine, the upgrade to 7.1.1 fixed the problem.

  • Is anyone using Adaptive theme on Drupal 11? Are you experiencing the same issue? When I was doing my experimentation, AFTER upgrading to Drupal 11, I tried creating a BRAND NEW THEME from the base and even that theme had the same problem. So, it looks like it's not really a problem related to the upgrade, but more that the theme is not really compatible with Drupal 11, despite claiming to be Drupal 11 compatible.

    I know the maintenance is volunteer work, but this has been reported 2 months ago and the maintainer is silent. Makes me wonder if he's monitoring these forums at all.

Production build 0.71.5 2024