ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• October 16, 2015 at 11:52 pm #221333
  deejayhart

  Member

  Post count: 239

  Hi there – weird problem when I scroll – look at the logo! It seems to go transparent for a little bit – why is this?

  Also, I would like the nav to shrink – is there any option for this, as with Divi?

  Ta!

  October 19, 2015 at 12:48 pm #221557
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  1)

  The transparency is caused by the transition, you could adjust that with the below CSS to fix it:

  .sticky-header {
      -webkit-transform: translateZ(0) translateY(0);
      -moz-transform: translateZ(0) translateY(0);
      transform: translateZ(0) translateY(0);
      transition: height 0s ease-in-out, transform 0s ease-in-out, background-color 0s ease-in-out!important;
      -moz-transition: height 0s ease-in-out, transform 0s ease-in-out, background-color 0s ease-in-out!important;
      -webkit-transition: height 0 ease-in-out, transform 0 ease-in-out, background-color 0 ease-in-out!important;
      -o-transition: height 0s ease-in-out, transform 0s ease-in-out, background-color 0s ease-in-out!important;
  }

  2

  What do you mean the nav to shrink? Do you mean the whole header get smaller on scroll for the sticky header?

  – David.

• Back to forum

  Posted in: Cardinal