How can I get mega menu columns in a singular line? Refresh Theme

Store Design
,
1

I have the text ‘‘TOOL HOLDERS’’ in the second row in the mega menu. I would like to have it to the right of the ‘‘DETERGENTS’’ text.

I was thinking maybe there is a need to reduce the padding between the columns so the ‘‘TOOL HOLDERS’’ text fits by the ‘‘DETERGENTS’’ text.

a51dba7d0d257666feb8fe9e2fa1098f.jpg
a51dba7d0d257666feb8fe9e2fa1098f.jpg1903×676 130 KB

There probably is an easier answer.

website - arprosystems.com

password - ialdea

Could someone help me with a code please?

Thank you

1 Like
2

Hi @ARSystems ,

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
ul.mega-menu__list.page-width {
    flex-wrap: nowrap;
}

Result:

Ribe_Dagandara_0-1689193762944.png
Ribe_Dagandara_0-1689193762944.png1364×228 56.1 KB

I hope it help.

2 Likes
3

Thank you! Worked perfectly :slightly_smiling_face:

1 Like
4

Welcome, If my post or comments solve the problem please dont forget to mark as solution. And like for tips. Thanks!

1 Like