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
• October 7, 2014 at 4:07 pm #118185
  murageinc

  Member

  Post count: 34

  My logo is 200×55. However, in the theme header options I have to put the height as 75 so that it doesn’t look squished. Then, when I scroll up, the logo resizes accordingly as set in the header options to 112×42 but the height of the menu doesn’t adjust.

  If I leave all the values blank then the logo only shows at one size which is smaller than the actual size but the height of the menu adjusts correctly like on your demo site. Incidentally, 112×42 is the size it was automatically resized to, which is what I then used in the options for the smaller logo.

  So the first issue I’d like to resolve is getting the height of the header to automatically shrink when the image does. Secondly, it would be good (for me and other customers) to be able to put the actual size of our logo images without it getting squished, seemingly on the y-axis.

  Thanks!

  October 8, 2014 at 11:53 am #118492
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Please try add this to your custom css;

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

  – Kyle

  October 8, 2014 at 6:22 pm #118650
  murageinc

  Member

  Post count: 34

  Thanks Kyle. While this does indeed get the sticky header’s height to change, it doesn’t “shrink” with animation like it does on the demo site. I’d like to have the same behaviour where both the header and the logo shrink at the same time and speed.

  As for the image resizing issues I described, I don’t have these issues anymore. I’m not sure what changed, if anything, but in any case, it’s a non-issue. I’m using the correct image size in the header options and the image is not getting distorted.

  October 9, 2014 at 10:09 pm #119052
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  It’s everything solved? Need further help?

  -Rui

  October 9, 2014 at 11:51 pm #119062
  murageinc

  Member

  Post count: 34

  Hi Rui.

  Is it possible to have the sticky header animate when it is shrinking in the same way the logo does? This is how the demo site works; both the logo and the header shrink simultaneously. The solution given in this thread makes the header jump discretely to the smaller height after which the logo animates into place.

  Thanks!

  October 10, 2014 at 12:16 am #119068
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  I will have to forward this one to the development team.

  -Rui

  October 10, 2014 at 12:52 am #119077
  murageinc

  Member

  Post count: 34

  Ok, thanks for following up on this. I appreciate the assistance.

  October 10, 2014 at 9:44 am #119168
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem. Let’s wait for the reply.
  -Rui

  October 11, 2014 at 5:46 am #119423
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @murageinc

  I can see the issue. Add this custom css, that will sort the transition:

  #header-section.header-6 #header {
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  }

  – Ed

  October 11, 2014 at 11:45 pm #119476
  murageinc

  Member

  Post count: 34

  This reply has been marked as private.
  October 14, 2014 at 4:28 am #119791
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Ahh I see. This should prevent the erratic behaviour:

  
  #header-section.header-6 #header { 
  height: 90px;
  }
  #header-section.header-6 #header.sticky-header-resized {
  height: 58px;
  }
  

  October 14, 2014 at 5:12 am #119793
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  I added the code for you – give it a look and let me know what you think.

  – Ed

  October 21, 2014 at 11:44 pm #122130
  murageinc

  Member

  Post count: 34

  Thanks but I’m still getting erratic behaviour at the very beginning of the animation after which it behaves as expected.

  October 24, 2014 at 9:12 pm #123068
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Can you possibly make another quick video to demonstrate? I’ve tested but not sure I’m seeing it..

  – Ed

  October 25, 2014 at 6:29 pm #123144
  murageinc

  Member

  Post count: 34

  This reply has been marked as private.
• Back to forum

  Posted in: Dante