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: Dante
• April 7, 2015 at 1:18 am #163292
  rlshaw

  Member

  Post count: 47

  I’m using header 6 and the resizing sticky header is not working correctly. The logo correctly resizes but the header does not correspondingly shrink.

  April 7, 2015 at 7:29 am #163345
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please provide me correct admin login detail.
  Thanks
  Mohammad

  April 7, 2015 at 2:53 pm #163478
  rlshaw

  Member

  Post count: 47

  This reply has been marked as private.
  April 8, 2015 at 10:19 am #163680
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  .sticky-header-resized{
  height:80px !important;
  }

  Thanks
  Mohammad

  May 21, 2015 at 6:26 pm #177466
  CFi

  Member

  Post count: 13

  This custom CSS is nice and all but it doesn’t ease like the logo resizing does. Any suggestions? Otherwise, as-is it looks a little funny see the header resize before the logo does.

  May 21, 2015 at 6:40 pm #177469
  rlshaw

  Member

  Post count: 47

  I agree 100%. The logo resizing after the header is not elegant. I’d also be interested in a fix.

  May 22, 2015 at 9:16 am #177607
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please attach screenshot after using custom css code:-
  Thanks
  Mohammad

  May 24, 2015 at 1:06 pm #177992
  rlshaw

  Member

  Post count: 47

  You can observe the problem at vanessashaw.com which has the css code provided.

  May 25, 2015 at 1:51 am #178018
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  It looks perfect after resizing. Please check the attachment.
  Thanks
  Mohammad

  Attachments:

  You must be logged in to view attached files.
  May 25, 2015 at 12:21 pm #178131
  rlshaw

  Member

  Post count: 47

  The problem is not the end result which is correct. The problem as pointed out by the previous poster is the transition effect – please see the comments above.

  May 25, 2015 at 1:10 pm #178140
  Nishant – SUPPORT

  Spectator

  Post count: 649

  Hello,

  Please put this code in your theme options – custom css.

  This code will disable the transition effect.

  If you ask me, i would recommend to keep the transition because it looks great.

  .sticky-header-resized #logo {
      transition: none;
      -webkit-transition: none;
  }
  
  .sticky-header-resized #logo img {
      transition: none;
      -webkit-transition: none;
  }

  May 25, 2015 at 1:20 pm #178142
  rlshaw

  Member

  Post count: 47

  I think we still are not understanding each other. I want to keep the transition effect. The css you supplied below does shrink the sticky header bar down to the correct size. Without it, the header bar does not resize correctly.

  .sticky-header-resized{
  height:80px !important;
  }

  The issue is the transition effect is now a bit strange. The header bar resizes notably before the logo does so the logo overlaps the header bar for a moment until the logo correctly resizes to fit in the header bar. It’s hardly a big deal but if there is an easy fix for that, that’d be nice.

  May 25, 2015 at 1:27 pm #178143
  Nishant – SUPPORT

  Spectator

  Post count: 649

  Let me check again.

  May 25, 2015 at 2:56 pm #178179
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  You’d need to add this css too:

  #header-section.header-6 #header {
    height: 130px;
    transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
  }

  Hope that helps.

  – Ed

  May 25, 2015 at 5:17 pm #178198
  rlshaw

  Member

  Post count: 47

  Cool. That did the trick. thanks so much, Robert

• Back to forum

  Posted in: Dante