After a long hiatus from Drupal work, I now need to meet a request to modify a Drupal 7 site. In the existing theme I need one more full-width theme region than what's available. (At one point I had made a custom theme to do just that, but now having too many problems getting the same previously working one to work again.)

The item to be inserted is a slideshow view block. Lacking the ideal extra region, I tried inserting into the Menu Region, below the actual menu block. It displays fully. But, the height of this new block does not expand the total height of the region, thus the regions below it do not get pushed down as needed. The slideshow view block just overlaps and obscures some of what's below it.

I can't find a CSS selector and property to make this work. Can you suggest a path for solving this? Or, is the attempt to make this work in a Menu Region just not going to be workable?

  • 1
    The standard behavior for blocks is to push content down, so if that's not happening, there is probably some bad CSS somewhere, most likely in your theme (are you using one of the core themes? if not, test with one; they should not have this problem) or in the CSS that is getting added for the slideshow. Aug 28, 2022 at 3:50
  • Later I was able to find a selector to solve the problem. Possibly not the best, most efficient solution but it works in browser tests so far. That was after also getting a modified theme with added region, named "displayarea" to work. #displayarea > div { height: 462px; }
    – Charles
    Aug 28, 2022 at 19:30


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.