Change menu height & page specific header images

  • Resolved brunsn

    (@brunsn)


    10 years, 6 months ago

    I am using Hemingway and it looks great, but I’d like to change a few things.

    I am trying to change the height of the navigation menu. It’s just a little too tall for me, and I want to shorten it. Does anyone know how to do this?

    I would also like to set different header images for certain internal pages. It would be cool to sync with the featured image of the page/post, but I’d be happy with any method.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi brunsn,

    To change the height of the navigation, install a custom CSS plugin and add the following code:

    .blog-menu a { padding: 27px 20px }

    Decrease the 27px value until you’re happy with the results.

    Hemingway lets you add a different header image for each post/page, so that shouldn’t be an issue. Simply add the featured image you want for each page/post.

    — Anders

    Thread Starter brunsn

    (@brunsn)

    That code didn’t work, but I figured out if you add “ul” to the beginning it does! This is what I changed it to:

    ul.blog-menu a {
    padding: 15px 20px;
    }

    I tried adding a featured image to a page, but all it does is add a big picture before my content, below the header. It does not change the main header. Is there a setting somewhere I need to adjust?

    Example Page: https://www.tanasellsmontana.com/about/

    Theme Author Anders Norén

    (@anlino)

    Glad it worked out with the menu!

    Oh, didn’t realize that you meant the main header. Unfortunately, there’s no settings in Hemingway for page/post specific headers.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change menu height & page specific header images’ is closed to new replies.