Remove unused CSS

  • Resolved manilo23

    (@manilo23)


    4 years, 3 months ago

    Hi, i have a really simple menu and sub menu. No other stuff.

    My menu is like this https://i.imgur.com/daHZ5Np.jpg

    The CSS file generated by Max mega menu is really big and there are some things that i don’t use, such as these:

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-columns-3-of-11 {width:27.27273%;}

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-columns-5-of-11 {width:45.45455%;}

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-columns-6-of-11 {width:54.54545%;}

    I haven’t columns in my menu, so why the CSS file is so big and has these things? How can i remove CSS code that i don’t use? Thanks ??

Viewing 1 replies (of 1 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi manilo23,

    It is technically very difficult to only output the exact CSS that is needed for the way you’ve set up the menu (the same applies to most plugins and themes, as the CSS is static and the content is dynamic, the two parts do not usually have knowledge of each other).

    The only way to do it would be to copy the style.css file to your theme directory, remove any unused CSS and manually enqueue it. Then stop MMM from enqueueing it’s own CSS by going to Mega Menu > General Settings and set CSS Output to Disabled.

    Regards,
    Tom

Viewing 1 replies (of 1 total)
  • The topic ‘Remove unused CSS’ is closed to new replies.

Tags