How to reduce the height of the dark blue rectangle behind the name of the menu?

  • Resolved houdekj

    (@houdekj)


    9 years, 2 months ago

    Hi,

    I’d like to know how to reduce the height of that dark blue rectangle behind the name of the menu? It’s taking up too much space, requiring people to have to scroll to get to the good stuff.

    I tried going into Editor to look for coding but couldn’t figure out where that code lies.

    I love the theme – it’s classy, simple and beautiful. Thanks for your work putting it together and maintaining it!

    Here’s my website if you need it for an appropriate response.
    http://www.practicalrelief.com

    Thanks,
    Jen

Viewing 1 replies (of 1 total)
  • Theme Author Tim Nicholson

    (@timnicholson)

    9 years, 1 month ago

    I believe you are talking about the colored background with the page title in it. The css class for that is ‘content-header’. I have a min-height of 170px on it to add “whitespace”. You can remove that restriction or set it to a fixed height with one line of CSS. You’ll have to have a plugin like Jetpack that let’s you add custom CSS to your site. Or you could create a child theme and directly edit the CSS.

    This will reduce the height a bit:

    header.content-header {
	min-height: 0;
}

Viewing 1 replies (of 1 total)
  • The topic ‘How to reduce the height of the dark blue rectangle behind the name of the menu?’ is closed to new replies.