hamburger navigation broke on cell phone portrait: Twenty Twenty-Two theme

  • Unknown's avatar

    My upper right collapsed navigation (hamburger menu) in portrait mode
    is broken with the Twenty Twenty-Two theme…

    on an iphone 7 using all browsers safari, firefox and chrome:
    Starting from the home page, it does not work.
    https://belindapointpress.wordpress.com

    Starting from the other pages, is the menu working as expected?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    automatic isert of
    “The blog I need help with is:…” incorrect
    This is the blog:
    https://belindapointpress.wordpress.com

  • Unknown's avatar

    Hi there:

    The reason it’s “broken” is that you have your menu link color set to white. Unfortunately, the mobile menu overlay background is also white, which is why it appears broken. However, it’s working fine; the links are white on a white background, so they’re not visible.

    To fix this, you need to go into the Site Editor and change the view from Desktop to Mobile by clicking “Preview” in the upper right of the editor and choosing “Mobile.”

    Then, select your navigation menu.

    Or, you can select the List view in the top menu bar, then expand the nested elements to find your “Navigation” section:

    If the right-hand sidebar does not show, click the three-dot menu and choose “show more settings.” Then, in that right sidebar, under “Color,” there’s a section for “Submenu & overlay background” – click that and choose a color from the “Theme” section other than white and update the template.

    That should take care of it! Let us know if you have any questions.

  • The topic ‘hamburger navigation broke on cell phone portrait: Twenty Twenty-Two theme’ is closed to new replies.