CSS question to modify top header

  • Resolved LeahGrrl

    (@leahgrrl)


    9 years, 10 months ago

    I would like to make the top of the header slightly larger than the 67px it currently is. After I use Chrome “inspect element,” where it seems that this is “navbar,” I cannot find in the style sheet where I could make this taller to accommodate my client’s logo. Thanks for any help you can give.

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

  • What is the URL to your staging site?
    GL

    Here is your call out.

    <div id="undefined-sticky-wrapper" class="sticky-wrapper" style="height: 50px;">

    If you adjust this in your CSS and set !important you should be able to adjust your height. This is for the wrapper.

    You can also adjust this: (DEFAULT)

    .navbar.navbar-default {
  background-color: #fff;
  font-weight: 200;
  margin-bottom: 0;
  margin-top: -2px;
  border-bottom: 1px solid #eee;
  position: relative;
  z-index: 999999;
  width: 100%;
}

    ADD

    .navbar.navbar-default {
  background-color: #fff;
  font-weight: 200;
  margin-bottom: 0;
  margin-top: -2px;
  border-bottom: 1px solid #eee;
  position: relative;
  z-index: 999999;
  width: 100%;
  height: 100px;
}

    Set the height as you desire and it will adjust the wrapper dynamically.

    I hope this helps.

    GL

    Thread Starter LeahGrrl

    (@leahgrrl)

    Thank you (belatedly!).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS question to modify top header’ is closed to new replies.