Okay
  Public Ticket #2530068
Header & Menu problem - hiding behind page content
Closed

Comments

  • Connect APAC started the conversation

    Hi, I have urgent issues I need help with.

    As you can see in these links:

    https://connectfoody.com/

    https://connectfoody.com/home45-malaysia-new/

    https://connectfoody.com/home42-france-new/

    I want to use header 36 on all of them.

    Problem is, they don't work as expected as they should be in your demo 36: https://demo.themeftc.com/foodstore/home36/

    The header "hides" themselves behind the page content, which is weird. See screenshots for details.

    I have noticed that the headers are also not working as expected, such as header 36. It was supposed to "slide in" the main navigation menu when we scroll up and down somewhere in middle of pages. It doesn't do that in my version.

    I have also noticed that a lot of other demo headers are also "hidden" behind page content too.

    I am frustrated, no common tutorials can help me solve this. I need this urgently. Can you help?

  •   Connect APAC replied privately
  •  268
    Martin replied

    Hi,

    We do apologize for the inconvenience!

    It is weekend here. We will help you on tomorrow (Monday).

    If you encounter any more problems, please list all of them here. So we will help you faster.

    Have a nice weekendsmile.png


    Best Regards,
    Martin - ThemeFTC

  • Connect APAC replied

    WPML Language Switcher too if you would please help, thanks. It doesn't look the same with your demo. We installed WPML and didn't do anything to basic settings. (see screenshot for details)

  •  2,635
    Kevin replied

    Hi Connect APAC !

    I have corrected the display problem on your site, please check back on your site

    thank you

  • Connect APAC replied

    Hi, saw it. Thanks. I want to know what you did (steps) to fix this issue? Is it a fix by elementor, or by hard code in child theme style, or CSS edit?

  •  2,635
    Kevin replied

    Hi Connect APAC
    I added css at the style.css file from theme-child to adjust the display of your issue
    Please check back on it
    thank you

  • Connect APAC replied

    Hi Kevin,

    I have noticed that the header also disappears into behind the content for tablet & mobile version. Could you take a look at it as well? Thanks!

  •  2,635
    Kevin replied

    Hi Connect APAC!

    This is the default display of the header on small screens, detailing what exactly you want to display above to help you customize it on your site.

    thank you

  • Connect APAC replied

    Hi,

    Noted that it's default display for mobile header, thanks. But have you tested to view my site in mobile?

    https://connectfoody.com/journey-to-malaysia/

    https://connectfoody.com/journey-to-france/

    If you try it in mobile (both Android and iOS), header will hide behind the content. An issue I first experienced on desktop view, that you have since fixed in this support ticket earlier.

    As proof, right now I'm putting a sticky section "Order Now" that stays sticky on top. I achieved what I want with it in desktop view (you can click the links above in desktop browser and scroll down). But I couldn't achieve it in mobile view because header menu gets hidden behind content.

    Here is another page (without "Order Now" sticky section) to prove what I meant: https://connectfoody.com/. Try scrolling in mobile browser with it and see for yourself.

    I also attached screenshot to show what's the problem.

    Hope to hear from you soon and thank you in advance! Cheers...

  •  2,635
    Kevin replied

    Hi Connect APAC  !

    I have corrected this issue before
    Please clear the Cache and check this problem

    thank you