Navigation resize with Sticky Header

  • Hi, I am using Customizr 3.2.3

    I have Sticky Header enabled, and I have shrink title/logo Disabled.

    When I scroll down the Navigation Menu seems to change its Font Size/Spacing. Ideally I would like it to be static. Can I disable the change?

    Unrelated:
    My logo is set to be oriented tot he left side, When the responsive mode kicks in, it centers the logo. Can I disable that, and have it remain left oriented?

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

  • Try this:

    .sticky-enabled .navbar .nav > li > a {
  font-size: 14px;
}
.pull-menu-left .nav-collapse {
  float: left;
}

    Need a site link if not working

    Thread Starter calincole

    (@calincole)

    Thanks for the quick response, those both worked. For the header, the font size to maintain a static appearance is actually 16. HOwever, there is still one aspect that changes on scroll. The font size is static now, but the navigation links move up the screen about 3 or 4 pixels when you start scrolling.

    Below is a link to the test bed I am using
    https://help.colesoft.com/new/education/

    Any help is appreciated, i am already impressed by how well you support this theme.

    .navbar .navbar-inner {
  border: 0 none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  margin: 5px 5px 11px;
  padding-left: 5px;
  z-index: 200;
}

.sticky-enabled .navbar .navbar-inner {
  margin: 8px 5px 5px;
  min-height: 35px;
}

    Try adjusting the margin first to get them in line.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Navigation resize with Sticky Header’ is closed to new replies.