Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #437611

    Hi :)

    when i created this page:
    http://www.apprupt.com/

    1) we added a hack to have all the time a sticky header: Desktop/Tablet/Smartphone
    this 2 years ago.
    Is it now in the template integrated as standard?

    2)

    .header-scrolled .logo img { opacity: 0; }
    .header-scrolled .logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-size: contain; }

    or can i do it with this code-snippet?

    Kind regards
    lim

    #438266

    Hi Liminalty!

    If your using the latest version you can set the header to be sticky in Dashboard > Enfold > Header > Header behaviour.

    Regards,
    Elliott

    #438768

    Hey tahnks for the fast response!

    Also for mobile?

    I saw some demo-pages from enfold. They had sticky header for the desktop version, but not for the mobile version.

    Would be great if i could get a specific answer to that.

    Thanks

    #439315

    Hey!

    Sorry, It will not on smartphones / tablets, only for desktops.

    Best regards,
    Elliott

    • This reply was modified 9 years, 7 months ago by Elliott.
    #593204

    I’m very much interested about this hack to force sticky headers for mobile devices. I tried the code you put up here @Liminalty but it did not work for me.

    @Elliot, is there updated code I should be using?

    Cheers.

    #593475

    Hi!


    @rarch47
    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .responsive #header { position: fixed; top: 0; width: 100%; }

    If that does not help, please post the link to your website

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.