Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #362663

    Hi guys,

    My settings in theme options: slim header, sticky and shrinking. I’d like to achieve the following:

      Adjust the header height on both smartphones and tablets. (make it smaller).
      Make the header sticky on smartphones.
      I’d also be interested if I could replace the menu icon with another from font awesome.

    Thanks!

    #362945

    Hey woeph!

    Please add following code to Quick CSS

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #header { position: fixed; }
    .responsive #top #main {
    padding-top: 88px !important; }}

    Please see – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/

    Regards,
    Yigit

    #363910

    Thanks Yigit, I managed to get what I wanted. However, because I have the shrinking/transparent header enabled on my theme, when I scroll down on mobile the header will fade out and quickly back in. I believe this is the transition between normal header to shrinked header but I can’t manage to hide the transition targeting mobile viewport only. Could you please assist?

    Cheers,
    woeph

    #363919

    Nevermind, I’ve done it now. :) Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to adjust responsive header height?’ is closed to new replies.