Mobile Menu Text stacking over top

  • Resolved sterlingoak

    (@sterlingoak)


    7 months ago

    I am having a problem where the mobile menu has all the text of navigation items stacked overlaid on top of each other looking like a mess. Oddly, it only happens for the mobile menu on single post pages, where the mobile menu on other pages works fine. It also seems to appear only on a mobile device (iPhone, multiple browsers checked), not a desktop browser window shrunk down to trigger the mobile menu.

    I had some customizations for the single post template, but I reset all of those, cleared caches, and the problem still exists.

    Example screenshot: https://www.sterling-oak.org/wp-content/uploads/2025/08/IMG_0894.jpg

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter sterlingoak

    (@sterlingoak)

    6 months, 4 weeks ago

    I’ve rolled back the theme to 2.0.26 because of this problem. Hopefully it can still be investigated.

    Amjad Ali

    (@amjadr360)

    6 months, 4 weeks ago

    Hey, sorry that you’re facing this issue.

    I tried opening your website and the image you shared, but I couldn’t. I’m getting an error saying “Sorry, you have been blocked”, so I’m not able to see the issue on your site.

    I did set up a demo site to try and reproduce the problem, but I wasn’t able to. I also tested on mobile (iPhone) and didn’t see the issue there either. Demo site: https://09-01-07-11-main.instawp.xyz/behind-the-scenes-of-our-morning-baking-routine/

    If possible, please make your website accessible so I can test it directly. That way, I’ll be able to provide a better solution.
    Could you please try deactivating all plugins except the Extendify plugin to see if that resolves the issue?

    Thanks

    Thread Starter sterlingoak

    (@sterlingoak)

    6 months, 3 weeks ago

    Some countries are blocked because of too many hacking attempts and scraping. I can’t unblock you if I don’t know what to unblock. I couldn’t access the demo site either. I’ve rolled back the theme anyway and several plug-in updates. It’s a similar issue to what was reported previously with the desktop menu disappearing, but then the menu is garbled for mobile. Again, only on the single post template items.

    Thread Starter sterlingoak

    (@sterlingoak)

    6 months, 3 weeks ago

    here is the mobile menu screenshot on a generic share link: https://imgur.com/a/Wutmydk

    Thread Starter sterlingoak

    (@sterlingoak)

    6 months, 3 weeks ago

    If it helps, so far I have reduced it down to the following potential updates that either have a bug or a conflict with the Extendable Theme 2.0.28 :

    Extendable Theme 2.0.26 –> 2.0.28

    Extendify 1.19.6 –> 2.0.1

    Jetpack 14.8 –> 14.9.1

    Litespeed Cache 7.3 –> 7.4

    Maybe you could try those on your test site? Right now everything seems to work fine with Extendable 2.0.26 and the plugins above before updating it all.

    • This reply was modified 6 months, 3 weeks ago by sterlingoak.
    Thread Starter sterlingoak

    (@sterlingoak)

    6 months, 2 weeks ago

    After the last comment, the problem returned on some other pages on the site and seemed to disappear momentarily when the cache was cleared, but then soon returned. This led me to believe it was something in a Litespeed setting or Cloudflare, which is also used. It appears Cloudflare Rocket Loader (enabled by mistake?) was causing some occasional interference with the navigation menu loading correctly (disappearing and/or garbled mobile menu) on some pages. I have turned it off. So far, no issues – so I’ll mark this closed.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Mobile Menu Text stacking over top’ is closed to new replies.