Support » Theme: Ignite » reduce site headers height

  • Resolved t3shi

    (@t3shi)


    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)

    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.

    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)

    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;
      }
    }

    Awsome, works perfectly, thank you.

    Theme Author Ben Sibley

    (@bensibley)

    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.