• The site login user is “all” and the password is “letallin”.

    WordPress 6.4.2

    Theme Twenty Twenty Four

    If you view the site via a mobile device, or just shrink your browser to mobile size, and then select the hamburger menu, the site opens with the navigations items along the left and a close button (X) top right and all white background. There is no scroll bar or any other areas of the site.

    I have cleared cache and tried many different changes in and around the header. I don’t see any specific control over just the mobile header or mobile navigation (other than selecting the hamburger style).

    Any suggestions on how to debug or fix?

    Thank you

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Alor Web

    (@jerrymayalor555)

    Hi @flatword,

    When you tap the mobile menu, it’s pretty common for it to take center stage, covering the entire page with an overlay background color. This behavior is expected in many mobile menu implementations. When the mobile menu is triggered, it often overlays the entire page, preventing scrolling until a menu item is selected or the close button is clicked. It’s all by design, aiming to give users a focused and immersive navigation experience on their mobile devices.

    I’m not sure what you really wanted to troubleshoot here, and maybe you can explain further so that we can better look at the issue.

    I have some suggestions that you might want to try. You can still show the page while opening the mobile menu. We can reduce the opacity of the background overlay color.

    Just add this CSS code to your Appearance > Customize > Additional CSS.

    #modal-2 {
           background: rgba(255,255,255, 0.9) !important;
    }

    Let me know how it goes.

    Thanks

    Thread Starter flatword

    (@flatword)

    Thank you for your reply Jerry. I think that explains a lot.

    As for this theme, Twenty Twenty Four does not have Appearance > Customize.  I guess in their wisdom, there was a reason WordPress decided that it was there for too long and now folks have to search how to access that feature.

    What I am hoping to see is the menu to appear below the header.  Look at how www.ads-software.com mobile menu displays. At least there you know that you are still on the site.

    But even better is having it be a dropdown menu like the site?https://dineshkarki.com.np/? ?or even?https://www.reddit.com/

    I have seen videos where there was a Customize > Header where you had a Responsive area to set settings (like a custom logo for example). I cannot find the equivalent in the Twenty Twenty four theme other than being able to choose the responsive menu Text vs Horizonal Lines choice.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mobile menu opens to own page and all white’ is closed to new replies.