Site logo

[Resolved] Remove unused css and menu off canvas

Home Forums Support [Resolved] Remove unused css and menu off canvas

Home Forums Support Remove unused css and menu off canvas

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1853197
    Diogenes

    Hello.

    I am trying to remove unused CSS to improve my score in mobile pagespeed, but I am having problems with the off canvas menu.

    What CSS classes should I exclude from optimizing unused CSS in my cache plugin (litespeed cache with UCSS optimization)?

    I excluded these classes but it still looks bad when I display the off canvas menu.

    offside-js--is-open
    offside-js--is-left slide-opened
    generate-slideout-menu
    slideout-overlay
    is-open
    sticky

    I appreciate the help.

    #1853286
    Diogenes

    I answer myself.
    I excluded all these classes in UCSS whitelabel in the Litespeed Cache plugin and it apparently worked:

    .offside*
    .no-csstransforms3d
    *.slideout*
    button.slideout-exit
    .slide-opened
    #generate-slideout*
    .nav-aligned*
    .sf-menu
    .gen-sidebar-nav
    .off-canvas-toggle-label
    .has-inline-mobile-toggle
    #site-navigation
    .main-navigation.toggled
    .main-navigation
    .main-nav*
    dropdown-menu-toggle
    .gp-icon*
    .nav-aligned*
    .do-overlay
    .menu-item-has-children
    .inside-navigation
    #1853317
    Leo
    Staff
    Customer Support

    Glad to hear and thanks for sharing the solution!

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