Issue: A submenu in Buddha Mega Menu (Collections) was constrained to two columns, forcing items onto two rows and creating inconsistency with other single-row menus.
Findings: The menu’s layout is controlled via CSS (inherited from the header), not Liquid templates.
Fix implemented: A desktop CSS override in styles.css resolved it by increasing the item width distribution. Working rule provided:
Adjust the 25% to change columns per row (e.g., 20% for 5 columns). The earlier selector without #nav lacked specificity and didn’t apply.
Guidance: No need to edit the Mega Menu Liquid file; the app also uses CSS for column control, so a CSS override is appropriate and sufficient.
Current status: Original poster’s layout issue is resolved via CSS. A new participant requested help to increase spacing between columns on a different site/theme; no solution has been provided yet, so that request remains open.
Summarized with AI on December 15.
AI used: gpt-5.
I am having an issue finding where I can customise the amount of columns of an individual submenu on our menu. We are using Buddha Mega Menu for this, which has limited UI options so believe it must be in the liquid files. All of our other menus distribute the blocks onto one row, but due to there being a maximum of two columns in the Collections submenu it has two rows and looks inconsistent with the rest of the menu.
I would like to locate, and change the script that is forcing this to happen, or make a new script to overwrite this.
As I have investigated this issue, I have found that the Buddha Mega Menu FAQ states that the menu inherits it’s settings from the header… Unsure if this helps though.
I have copied this into the style.css but unfortunately this doesn’t work. I think the value we have changed here is replaced by the inheritance of the buddha-menu-item class, submenu-columns value (which is also 2).
Thank you so much! I’m surprised it is possible to fix this through the styles.css sheet, is this more of a quick-fix? Is there any way to make this change inside of the buddha megamenu liquid file?
@JWhincup - this is css fix and hence it is quick, even mega menu too uses css only to set number of columns, so no need to change in megamenu liquid file
Would you be able to assist me with finding the correct place to update for my theme, I want to move the columns so they are more spaced out like this:
