Align text in mega menu - testament theme

[SaucyPeach]

Hi.

I'm trying to align the text in my mega menu's so they look more uniform and not positioned at different start points

Thanks in advance

saucypeach.com

P/W: Password

[Mike-Consentik]

HI @SaucyPeach 

This is Mike from Consentik

If this looks like you want, you can try my solution.

1. Open Theme -> Edit Code

2. Open theme.liquid and paste this code above tag </body>:

<style>
  .megamenu__wrapper ul.megamenu__ulcontainer.span-3.auto {
    display: none;
}

.megamenu__wrapper {
    display: flex;
    flex-direction: row;
}
.megamenu__wrapper  .span-3.auto {
        flex: 1;
    }

</style>

[SaucyPeach]

Hi @Mike-Consentik

I'm looking to have the 1st columns inside the menu have the same starting point.  The other mega menu looks fine, i even tried making 3 columns so each menu has the same number of columns but it's not working.

Appreciate your help

[Mike-Consentik · Accepted solution]

hey @SaucyPeach 

You can use this CSS code:

.megamenu__wrapper:has(a[href="/collections/header-sex-toys"]) {
    margin-left: -18%;
}