Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

mobile scroll jumping when header show/hide


Hi There,

when scroll you can see flickering occurs with fixed header show/hide. this is troubling the user experience in mobile because I have a button to touch that button closer to the triggering point of the header show, so I have scrolled to the bottom and trying to touch the button button jumps and I need to do the touching twice.

Please find the attached video.
https://streamable.com/dbhsvd

any solution ?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi,

Thank you for your feedback.

This is the default behavior of the header in mobile mode. You can disable this feature by removing the header-tablet-and-mobile-fixed class from the body tag.

Regards.


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.

Thanks for the replay. can you please tell me where is that break point happens and the js function or css

Thanks



Hi,

You can configure the offset settings for the sticky mode in the header's HTML: data-kt-sticky-offset="{default: '200px', lg: '300px'}".
For desktop mode you can edit lg: '300px' and default: '200px' for the tablet/mobile modes.
For more info, you can check the KTSticky plugin's docs here.


Regards.



Introducing the all-new UX-1.4 Exam Questions [2023] – your key to unlocking the future of user experience mastery! Dive into a meticulously crafted set of questions designed to challenge and enhance your understanding of the ever-evolving UX landscape. Stay at the forefront of industry trends with this cutting-edge exam resource, featuring the latest insights and best practices. Whether you're a seasoned UX professional or just starting your journey, our https://www.dumpsjournal.com/Exam/UX-1-4-dumps.html Exam Questions will empower you to excel. Elevate your skills, impress employers, and stand out in the competitive field of user experience design. Your future begins here – embrace the UX-1.4 revolution!



The VMware 2V0-41.23 exam assesses a candidate's proficiency in VMware NSX-T Data Center, focusing on network and security virtualization concepts. The VMware 2V0-41.23 exam questions cover topics such as NSX-T architecture, installation, configuration, and management, along with security policies, networking services, and troubleshooting methodologies within the NSX-T environment. Candidates are tested on their understanding of network virtualization, micro-segmentation, load balancing, and the implementation of NSX-T solutions.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(