Column width settings no longer applied.

  • Resolved orbitmedia

    (@orbitmedia)


    3 months, 1 week ago

    Hi.

    We noticed this issue on several websites. Since early January the width styling for columns no longer works so menus no longer have collumns and everything is just stacked and full width. From what I can tell, this is the cause…

    In /wp-content/uploads/maxmegamenu/style.css it uses the following styling for the column widths of 4 columns… mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item {

    float: left;
width: 25%;

    }

    Note that it relies on the classname “mega-4-columns”. The culomns however don’t use that class name, they instead use “menu-columns-3-of-12” so the styling obviously is not applying.

    In addition to that issue, if we manually add the class name this code form style.css would override it… mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {

    padding: 15px;
width: 100%;

    }

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support megatom

    (@megatom)

    3 months, 1 week ago

    Hi,

    Please go to Mega Menu > Tools and clear the CSS cache, also (importantly) clear any CDNs you might have active.

    If that does not fix it please post a link to one of the sites so I can take a look.

    Regards,
    Tom

    Thread Starter orbitmedia

    (@orbitmedia)

    3 months, 1 week ago

    Hi Tom,

    We did clear all cache including Mega Menu > Tools and also CDN.

    Sampel site https://www.fedsig.com/police/

    Using the first item “Light Bars” you can see that the menu has 3 columns each with the class name being added menu-columns-4-of-12 by the plugin. They are displaying in 3 columns but if you use the inspector tool you can see it is only because we manually added in the missing css via one of our own css files (support.css)

    You mentioned cache which is the first suggestion one should always give but this is definitely not cache related since even adding cache breaking query strings to the page’s URL will still lead in the page having menus using the class names menu-columns-4-of-12 instead of mega-3-columns and still loading the style sheet https://www.fedsig.com/wp-content/uploads/maxmegamenu/style.css Also, even when adding query strings to that .css URL it still does not have styling related the class names like menu-columns-4-of-12.

    Note: The site does have WP Rocket so it will likely be showing a cached version of that style.css file when you view it but this issue does persist when we are logged in to and WP Rocket is not being used.

    Thanks for looking into this.

    Thread Starter orbitmedia

    (@orbitmedia)

    3 months, 1 week ago

    Update. Please stand by. I just noticed that on a dev copy of the site (hosted on WP Engine) the style sheet by mega menus IS showing the styling for classes like mega-menu-columns-4-of-12

    We are looking more into this on our end.

    Plugin Support megatom

    (@megatom)

    3 months, 1 week ago

    Hi,

    It’s because on the site you’ve linked to it’s missing the style attributes here:

    https://app.screencast.com/1gycNzg5QaotS

    Maybe an optimisation plugin is removing them? (Adding the style attribute allowed us to us “calc” in the CSS, which eradicated about 600 lines of CSS per menu location, so the style attribute is needed unless you want to supply your own CSS for the widths – like you have done).

    Regards,
    Tom

    Thread Starter orbitmedia

    (@orbitmedia)

    3 months, 1 week ago

    Hi @megatom

    Sorry for the false alarms there. The dev site just had a permissions issue so was loading a /wp-content/uploads/maxmegamenu/style.css with a…

    .mega-menu-last-modified-1750946446 { content: ‘Thursday 26th June 2025 14:00:46 UTC’; }

    That old file did have the styling for menu-columns-4-of-12 but now that we have the permissions fixed it is loading a new file last modified “Friday 20th February 2026 17:58:34 UTC” which just like the live site no longer includes the needed styling for class names like menu-columns-4-of-12.

    Worth noting that this issue happens when the css is set to output to a file or to the head.

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.