reduce site headers height

  • Resolved t3shi

    (@t3shi)


    5 years, 9 months ago

    Hi, how to reduce the site headers height so that the end is right at the end of the orange higlighted menu item. Thx

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    5 years, 9 months ago

    Thanks for using Ignite!

    Please add the following CSS to your site to increase the height of the menu items:

    @media all and (min-width: 1235px) {

  .menu-primary-items {
    height: 94px;
  }
  .menu-primary-items li {
    height: 100%;
  }
  .menu-primary-items a {
    height: 100%;
  }
}

    Please copy & paste that code into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

    Thread Starter t3shi

    (@t3shi)

    5 years, 9 months ago

    Hi ben,

    I don’t want to increase the height of the menu items. I want to DEcrease the height of the site header. Thx

    Theme Author Ben Sibley

    (@bensibley)

    5 years, 9 months ago

    Okay please use this CSS instead: 

    @media all and (min-width: 1235px) {

  #site-header #logo {
    top: 8px !important;
  }
  #title-info {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
  }
}
    Thread Starter t3shi

    (@t3shi)

    5 years, 9 months ago

    Awsome, works perfectly, thank you.

    Theme Author Ben Sibley

    (@bensibley)

    5 years, 9 months ago

    You’re welcome! Glad I could help 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘reduce site headers height’ is closed to new replies.