Generate UCSS breaks mobile menu

  • Resolved rbabt

    (@rbabt)


    2 years, 5 months ago

    When we enable the Generate UCSS feature the menu becomes unresponsive on mobile (desktop is fine).

    Cache Mobile is off.
    We’re using the neve theme https://www.ads-software.com/themes/neve/

    LiteSpeed report: AOPNZRHI

    Any help or guidance on how we can fix this would be appreciated.

    • This topic was modified 2 years, 5 months ago by rbabt.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter rbabt

    (@rbabt)

    Update:

    I tried following the advice here which talks about adding classes to the whitelist on UCSS. It says to use the F12 element inspection tool to look for differences on the elements that aren’t working.

    Some differences I’ve found on the menu bar:

    Working (UCSS Off)

    *, :after, :before {
    box-sizing: border-box;
}

    Not working (UCSS On)

    *, .wp-block-cover, .wp-block-group, :after, :before {
    box-sizing: border-box;
}

    Turning UCSS on seems be adding some extra classes but the guide says I should be looking for classes that are missing.

    Can anyone help explain this? There are other instances where the UCSS version has extra bits. I assume its these extra bits where they shouldn’t be that is breaking things.

    • This reply was modified 2 years, 5 months ago by rbabt.
    • This reply was modified 2 years, 5 months ago by rbabt.

    Hi,
    I’ve developed a tool and methodology of how to identify missing CSS classes. It could be a bit complex but so far it worked for everyone. Try it and let me know if it helped.

    https://wpspeeddoctor.com/online-tools/litespeed-ucss-helper/

    Regards,
    Jaro

    Thread Starter rbabt

    (@rbabt)

    Thanks @pixtweaks,

    I watched your video and tried the tool but unfortunately it didn’t work for my website.

    @rbabt thank you for letting me know. I’m curious why not. If you want I can debug it, see why it happened and fix it. If you like to, please contact me via Contact us page on my website.

    All the best!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Generate UCSS breaks mobile menu’ is closed to new replies.

Tags