Search in:
Suggested Search: installation, configuration
Search in:
Suggested Search: installation, configuration

Move menu down to reveal header

Home › Forums › Pro Support › Move menu down to reveal header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 11, 2018 at 4:14 am #68902
    Christian SebesAnonymous

    When my website goes responsive for mobile devices, I’d like to be able to have the menu appear lower down by about 40px so that the site header still appears on top of the menu, allowing you to be able to see the logo even when the menu is in place. I also saw an option for the Header Bar, but I tried this an the responsive menu still covers the logo and header up. Any suggestions would be greatly appreciated.

    Cheers!
    Chris

    January 11, 2018 at 9:16 am #68907
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Chris,

    You would need to do this via some Custom CSS.

    The below is all you need to move the menu down by 40px.

    #responsive-menu-pro-container {
   margin-top: 40px;
}

    All the best

    Peter

    January 12, 2018 at 2:58 am #68906
    Christian SebesAnonymous

    This is perfect. With some tweaking, I was able get the menu to line up perfectly with the lower edge of the header. Thank you, Peter.

    One additional question… Now that I see the header, I notice that I can scroll the webpage that appears below the menu. Is there a way to not allow controls to pass through the menu and affect the scrolling of the page? You can check out the site at http://www.HomerHealthTemp.xyz where you can tap and drag the site despite the menu being visible. Almost like you’re using The Force to move the page behind the menu.

    January 12, 2018 at 9:17 am #68905
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Chris,

    Have you tried enabling the Disable Background Scrolling option yet as per the docs below:

    https://responsive.menu/docs/advanced-setup/advanced/#technical

    Please let me know

    Peter

    January 14, 2018 at 12:27 am #68904
    Christian SebesAnonymous

    That is exactly what I needed. My apologies for not RTFM. 😉 Or as my mom used to say when I was a kid, “Look a little further than your nose.”

    Thank you!

    January 14, 2018 at 2:00 pm #68903
    Peter FeatherstonePeter Featherstone
    Participant

    Hey Chris,

    Haha, it’s no problem, I’m just glad that was what you needed!

    All the best

    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Move menu down to reveal header’ is closed to new replies.