removing class from html itself

  • Resolved hamid009

    (@hamid009)


    7 months ago

    Hello I am trying to solve a problem, I am using Sticky Header Effects for Elementor Plugin to make my head sticky, without debloat this is classes showing in html for my header

    elementor-element elementor-element-fdec67a sticky-header she-header-yes e-flex e-con-boxed lakit-col-width-auto-no e-container e-root-container elementor-top-section e-con e-parent she-header e-lazyloaded elementor-motion-effects-element elementor-motion-effects-element-type-background elementor-sticky elementor-sticky–active elementor-section–handles-inside

    and when we scroll page it adds sticky–effect class as well

    but If I enable Debloat “Remove Unused CSS” option

    it is only adding these classes to html

    elementor-element elementor-element-fdec67a sticky-header she-header-yes e-flex e-con-boxed lakit-col-width-auto-no e-container e-root-container elementor-top-section e-con e-parent e-lazyloaded she-header

    now I don’t understand why is it removing these classess from html instead of css ? and I tried to untick Enable for Theme CSS or Enable for Plugin CSS but even when both options or I say all three options are untick then still it is showing only the classes of second case not first.

    If I untick “Remove Unused CSS” then it works again and add classes again.


    how can I solve this problem ?

Viewing 1 replies (of 1 total)
  • Thread Starter hamid009

    (@hamid009)

    never mind, I was able to solve this by excluding this stylesheet
    /elementor/css/custom-frontend-lite.min.css

    But what I am not able to understand is how come CSS file is somehow playing part in changing classes in html dom ? can some shed light here ?
    from what I know only JS can manipulate dom, so If I am removing CSS file why HTML is changing?

Viewing 1 replies (of 1 total)
  • The topic ‘removing class from html itself’ is closed to new replies.