Twenty Sixteen theme – reduce Header size

  • I really like the set up of this theme, BUT – the header height is HUGE! I don’t want a logo above my header, I want my Site Identity and tagline, and that’s it! How do I reduce the header height? I’m getting very frustrated, and ready to switch to a different theme!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello @coleenh

    The header of your site, which is the parent <header> tag of that header, seems to have padding at the top. Because of this, the height of the header seems to be large.

    Add this style to your theme, which will reduce the height of the header of your site.

    .site-header { padding-top:0 !important }

    Thanks

    Thread Starter Coleen

    (@coleenh)

    Thank you!

    I just used the Theme right out of the “box” – If I knew WHERE to look for the padding (I even did an inspect online to see if I could see what was going on with that.) Very frustrating – I know enough CSS and HTML to make some changes – but only if I know WHERE to look!

    Now – how or what is the padding between the top menu and the page title called or where is it located? Why they made this theme with SO much padding in between areas is beyond me! It is too spread out to be easily readable on a tablet or phone!

    Thread Starter Coleen

    (@coleenh)

    Okay – this theme just has WAY to much space between sections! I need to remove some of the padding between the Header (tagline) and the Menu, and between the Menu and the text of the page. Can you please tell me what the names of those CSS classes are? I’m looking at the “Inspect” online and I can’t see which class covers which section. Ugh! Why oh why so much space???

    Thread Starter Coleen

    (@coleenh)

    Hey, can anyone PLEASE help me with this? Please tell me WHERE to look for the class that has the padding for the header and the menu – and then the padding between the menu and the body of the web page? I just need to reduce all that extra padding, but I can’t find the class to reference in my CSS. Can someone PLEASE help? TIA.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Sixteen theme – reduce Header size’ is closed to new replies.