Mobile Menu Appearing Differently Only on One Site (with Identical Settings)

  • Hello,

    I have identical GeneratePress settings in Customizer as well as activated modules. Still, on mobile, the menu hamburger icon and the search icon are appearing below the logo on only one of my sites, while they all appear to the right of the logo (while the logo is aligned to the left) on my other sites. At first I was thinking it could be some custom CSS issue, but upon inspecting the code, it seems on the problematic site I’m seeing this HTML element for the menu:

    <nav class=”main-navigation sub-menu-right” id=”site-navigation” aria-label=”Primary” itemtype=”https://schema.org/SiteNavigationElement&#8221; itemscope=””>

    While on the rest of the sites where the menu icon IS appearing to the right of the logo as intended, I see this element:

    <nav class=”main-navigation mobile-menu-control-wrapper” id=”mobile-menu-control-wrapper” aria-label=”Mobile Toggle”>

    This is missing on the first site (problematic).

    Please take a look and let me know what could be the issue. I’ve disabled caching plugin entirely in the concerning site.

  • Hi there,

    Can you go to customizer > general, and change floats to flexbox?

    For more info:https://docs.generatepress.com/article/switching-from-floats-to-flexbox/

  • Wow, that fixed it instantly! Thanks a lot!

    It was indeed a very old installation of GP (although regularly updated) on the problematic site.

  • Glad to hear that 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.