Mobile: Sticky header and NON-sticky Top Bar

Hi,
Sorry for the late reply, I took a look at your example site and then tested what you described on my localhost, and found that we can make the header sticky on mobile with this css:

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

but to hide the top-bar on scroll we can use this jQuery:

(function ($) { 
  $(window).scroll(function() {    
      var scroll = $(window).scrollTop();
      if (scroll >= 100) {
          $("#header_meta").css('display', 'none');
      } else {
           $("#header_meta").css('display', 'block');
      }
  });
  })(jQuery);

We could refine it a little better if we could see your Enfold build of the site, have you begun this yet or are you still working on a mockup?

Best regards,
Mike

Hi,
@Anton I’m sorry, I was trying to hurry and the jQuery was just the raw script and not formatted for WordPress, if you want to try it try this code below. This works on my localhost, but unless I see the page in question I can’t be sure that the settings are the same.
The css does make the “header” sticky which includes the topbar. Again I would need to see the site to see why it might not work for you.

function custom_script(){
  ?>
  <script>
 (function ($) { 
  $(window).scroll(function() {    
      var scroll = $(window).scrollTop();
      if (scroll >= 100) {
          $("#header_meta").css('display', 'none');
      } else {
           $("#header_meta").css('display', 'block');
      }
  });
  })(jQuery); 
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
@Anton, I would not recommend including your login here, as this is not your post, your details will not be private.
Perhaps it would be better to open your own thread.
I don’t know why it would not work on an iPad, but I did find a topic that points to scroll not working with iPad, unfortunately, I don’t have an iPad to test with.

Best regards,
Mike

Hi,

@hotspot I believe this option is available in the latest update released today. Please see the Changelog and try updating.

Best regards,
Mike

Hi,
Sorry, I don’t see any, not all feature requests make it into development.
But I understand a new feature requests page is going to be added shortly so it will be another opportunity to submit it for review.

Best regards,
Mike

Hi,
Ok, I submitted it.

Best regards,
Mike

Hi,
Thank you for sharing your results and your solution, glad this worked for you.

Best regards,
Mike