FLOW THEME - Space between columns in Mega Menu

See the attached image.

The space between each of the three columns is way too much. This is happening with all the mega menus within my site. How can I decrease the space?

Can you send through the URL of your shop?

Yes!

Eternal (etrnl.st)

Ah I know the feeling. It would be a bit better like this right?

The thing is the Menu ‘knows’ that it consists of 3 columns. Thus the developers is adding a class called

.large–one-third

to the menu making it automatically 33% (one-third) in width.

There are two ways to fix it. A clean one I’d have to log in to your admin for and a dirty one I could just send you. The dirty one could cause unwanted stuff somewhere other than the mega menu to contract a little.

Hi @TylerJ .

This is PageFly - Advanced Page Builder.

You can go to Online store => themes => actions => edit code and add this code on file theme-index.min.css

.mega-menu-wrapper .dropdown-submenu.large--one-third{
width: 21%;
}

Hope this answer helps.

Best Regards,

PageFly

Right…and that would be the dirty version.

Can I give you login details for the clean version?

Hi, sorry it’s been so long. Can you send a request so you can make this change?

Hi @TylerJ ,

I’m sorry for missing your question. Have you changed it? Because I didn’t find the footer anymore Or can I access your store to check it directly? If yes, please provide your page link/password. Thank you