Change header height in Drupal v10 theme v8

Created on 27 December 2023, 12 months ago
Updated 8 February 2024, 11 months ago

Hello,
In some older issues I saw requests to change the header height.
It was suggested to add
#top_right {
height: 200px;
}
to custom-style.css

I did that, cleared cache, but that didn't do anything.
Because the other issues I found where for a much older version I thought it would be best to ask this in a new issue since maybe the way how to do this has changed?

Hope you can help me,
Greetings,
Rob

💬 Support request
Status

Fixed

Version

1.14

Component

User interface

Created by

🇳🇱Netherlands RobBNL

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

Comments & Activities

  • Issue created by @RobBNL
  • 🇮🇳India hamid.ali

    Looking into the issue

  • 🇳🇱Netherlands RobBNL

    In addition to my request I found that when I disable Aggregate CSS files under the Configuration - Performance options the customizations from custom-style.css are processed.
    So that allows me to change the height and the header image as described.
    However the toal height of the header is not adjusted, the main menu stays in the same place and a grey area exists under the menu.
    I have attached a screenshot
    So I do believe another setting will have to be adjusted too but I don't know which one.
    Hope someone can help,
    Greetings,
    Rob

  • 🇮🇳India hamid.ali

    I am adding the patch for the following issue. For this I am adding top padding for the slider and instead of giving height to the top_right I added it to the header itself here is the screenshot for the same

  • Status changed to Needs review 12 months ago
  • 🇳🇱Netherlands RobBNL

    Hi,
    Thanks for creating the patch. Not sure why it didn't do what I wanted though because my knowledge of css is not in depth enough.
    I created a workaround with a block with a certain size placed in the header-region. That way the header also adopts to that height.
    Greetings,
    Rob

  • Status changed to Fixed 11 months ago
  • 🇲🇹Malta florian

    In version 8.x the correct way to do it is to ad those lines to custom-style.css:

    .region-header {
      height: 200px;
    }
    
  • Automatically closed - issue fixed for 2 weeks with no activity.

Production build 0.71.5 2024