Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 1, 2020 at 5:39 pm #1227292
    ezfl0w

    I have made the header sticky for mobile by following:
    https://kriesi.at/support/topic/sticky-header-on-mobile-12

    But I want to hide Header Secondary Menu and Header Phone Number/Extra Info on mobile when scrolling down.

    Thanks!

    July 1, 2020 at 7:08 pm #1227316
    Jordan Shannon

    Hey ezfl0w,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    July 1, 2020 at 8:05 pm #1227326
    ezfl0w

    Hey Jordan, see private content.

    July 1, 2020 at 9:46 pm #1227337
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){
.header-scrolled #header_meta{
display:none!important;
}}

    Best regards,
    Jordan Shannon

    July 2, 2020 at 1:09 am #1227353
    ezfl0w

    Thanks but something really weird is going on.

    It works on desktop in firefox/chrome when you hit F12 and simulate in mobile.

    BUT, it does not work on my mobile phone. Tried everything. Disabled/cleared all server/software/browser side cache.

    Can you please confirm this is the case on your side too?

    July 2, 2020 at 8:11 pm #1227576
    ezfl0w

    Did you manage to check?

    July 2, 2020 at 10:54 pm #1227597
    Jordan Shannon

    Hi,

    Are you running any optimization plugins?

    Best regards,
    Jordan Shannon

    July 3, 2020 at 1:49 am #1227604
    ezfl0w

    I had disabled all optimizations I’m aware of. Anything else?

    July 7, 2020 at 1:19 am #1228448
    Jordan Shannon

    Hi,

    Apologies for the delay, let me ask the others mods for additional insight into this.

    Best regards,
    Jordan Shannon

    July 7, 2020 at 1:52 pm #1228592
    Mike

    Hi,
    Please post your css to make the mobile header sticky and hide the top bar on scroll, when I check your page on mobile it seems disabled, did you remove it? If not please do remove it so we can test without conflict.
    I see that your header is not getting the header-scrolled class so the css above will not be triggered. Since you are not getting this class, due to the combination of settings for your header, we can add a similar class with jQuery triggered by the “scrolled” state and adjust your css to work with it.

    Best regards,
    Mike

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