Hamburger menu icon sticky issues – won’t stay still

  • Resolved azzurridesigns

    (@azzurridesigns)


    6 years, 6 months ago

    Hi please help!

    We love this plugin. However it is not performing correctly on mobile devices.

    On mobile devices the right hand side hamburger (three lines) pop out icon does not stay where it should. It moves around when scrolling down, it should never move.

    It should always be horizontally aligned with the logo ‘O’Riordan Bond’ even when scrolling down.

    I have linked below some videos to show the issue.

    I cannot replicate this issue using Google Device Toolbar, mobile browser emulator or simply resizing chrome to mobile size.

    But please be assured, this problem is occurring when viewing the website on a mobile phone – I have tested on iPhone 5s, iPhone 7+, iPhone X and Samsung S8.

    Thankyou and please help urgently!

    Here is the link to the video: https://sendvid.com/gbqm8mpx

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    Hi @azzurridesigns,

    Can check your website because it’s in maintenance mode. Can you disable it temporarily so I can have a look?

    Thanks

    Thread Starter azzurridesigns

    (@azzurridesigns)

    Rui due to circumstances I cannot, however I have created you a user login so you can see the website privately. Do you have an email address that I can send the login details to? It seems I cannot message you privately via this website.

    Thankyou!

    Plugin Author Rui Guerreiro

    (@takanakui)

    @azzurridesigns Sure, I understand.

    Send it to [support AT wpmobilemenu DOT com]
    Thanks

    Plugin Author Rui Guerreiro

    (@takanakui)

    Will close the topic for now.
    Let me know if you need further help with this.

    Hi Guys,

    We have the same problem, when we scroll the hamburguer icon go down with the page.

    Its possible to keep this icon Menu on the top?

    You can check in this page.
    https://www.permaliss.com/

    Thks

    Plugin Author Rui Guerreiro

    (@takanakui)

    Hi @algvictor,

    The Hamburger header of WP Mobile isn’t being loaded probably due to some javascript errors you have that are probably breaking the scripts loadings(other functionalities of other plugins can be affected).

    It seems that is something wrong in an inclusion of a script, not sure if the theme was customized.

    https://cl.ly/31441D0O3W1Q

    Try to sort this error and check again and let me know the result.

    Thks for your quick answer.

    We disabled two plugins that maybe create this issue but the situation remains.
    is possible to have another option?

    Plugin Author Rui Guerreiro

    (@takanakui)

    I’m seeing now the menu.
    https://cl.ly/1D3F3a0o1j41

    Can’t you see it? Try again to clear the browser cache.

    Hi Rui,

    Yes the menú always is showing, the problem is when i doing scroll down the menú doesn’t stay in top of the page.

    Plugin Author Rui Guerreiro

    (@takanakui)

    That menu icon is fixed it stays in the position where it starts. I notice that you have some custom css to make it into that position.

    Why don’t you place the Logo and the menu at the top with a white background?
    Like this site: https://localcoinatm.com/

    Thread Starter azzurridesigns

    (@azzurridesigns)

    Try this

    @media only screen and (max-width: 1024px)
    .mobmenul-container {
    position: fixed !important;
    }

    This is what worked for me. Fixing the position to ‘fixed’, the menu becomes permanently anchored in one place, I was then able to add some (messy) code to adjust its padding and margin.

    Ignore the media query unless it is important for you

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Hamburger menu icon sticky issues – won’t stay still’ is closed to new replies.