Menu opening on mobile and CLS Performance hit

  • Resolved justinhill001

    (@justinhill001)


    8 months, 1 week ago

    When the site loads on mobile, the menu “opens”, but then closes as soon as you scroll. I *think* this may account for the poor Cumulative Layout Shift score. Regardless, it doesn’t look very good.

    If you go to this page:

    https://theotheroperation.com/rates-and-pricing-for-audiobook-production/

    for example, It initially loads with the menu open (and the page itself off-screen), then as soon as you touch it the menu closes and rest of the page jumps up. (At least, this is what happens on an iPhone running Safari or Chrome).

    Is there a way to configure things so that the menu stays closed when a page loads and does not open until tapped?

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

Viewing 4 replies - 16 through 19 (of 19 total)
  • Moderator jordesign

    (@jordesign)

    Hey @justinhill001 – nice work with the troubleshooting here ??

    To be honest – having figured out that Rapidload is the cause of the problem – I’d recommend reaching out to the them directly.

    Thread Starter justinhill001

    (@justinhill001)

    @jordesign, I’ve dealt with Rapid Load in the past – fixing a problem with Google Site Kit – and when I bring this to them they will simply tell me to exclude the relevant JS from optimisation by entering its path in the field provided. For example, I fixed the Site Kit issue by entering “/wp-content/plugins/google-site-kit/dist/assets/js/(.*).js” into that field, which I learned elsewhere on this forum. RapidLoad support couldn’t tell me that.

    RapidLoad also can’t tell me the name of the JS for the theme’s menu. I have to try and find that out somewhere else.

    Thread Starter justinhill001

    (@justinhill001)

    I stand corrected. I blundered my way through to the location of the javascript for the theme and excluded all of it – i.e.

    /wp-content/themes/twentyseventeen/assets/js/(.*).js

    from RapidLoad’s optimisation and it made no difference. RapidLoad’s support has acknowledged the issue and are thinking about it.

    Thread Starter justinhill001

    (@justinhill001)

    SOLVED. I had to identify the theme navigation JS and try excluding that in order to demonstrate to RapidLoad that there was a bug in their plugin. Once the issue was verified, they were very happy to work on it.

    They have addressed the issue and released a new version of the plugin.

    Menus are working correctly now.

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Menu opening on mobile and CLS Performance hit’ is closed to new replies.